@adia-ai/a2ui-corpus 0.4.9 → 0.5.0

package/chunks/commerce-pricing-tiers.json

@@ -10,7 +10,340 @@
     "role": "radiogroup",
     "aria-label": "Plan"
   },
-  "html": "<section data-reg-form role=\"radiogroup\" aria-label=\"Plan\">\n          <col-ui gap=\"2\">\n            <option-card-ui name=\"plan\" value=\"free\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Free</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>Solo or community work</text-ui>\n                <span>$0/mo</span>\n              </row-ui>\n              <span slot=\"description\">Up to 5 members · 10 projects · community support</span>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"pro\" checked>\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Pro</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>Designed for small operations</text-ui>\n                <span>$49/mo</span>\n              </row-ui>\n              <col-ui slot=\"description\" gap=\"2\">\n                <span>Unlimited members · advanced charts · 100 GB storage · email support</span>\n                <row-ui gap=\"2\" align=\"center\">\n                  <badge-ui text=\"Saves 40%\" variant=\"success\"></badge-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">14-day trial period</text-ui>\n                </row-ui>\n              </col-ui>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"team\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Team</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>For growing organizations</text-ui>\n                <span>$129/mo</span>\n              </row-ui>\n              <col-ui slot=\"description\" gap=\"2\">\n                <span>Everything in Pro · SSO · audit log · role-based permissions · 1 TB storage</span>\n                <row-ui gap=\"2\" align=\"center\">\n                  <badge-ui text=\"Saves 30%\" variant=\"success\"></badge-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Pay annually</text-ui>\n                </row-ui>\n              </col-ui>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"enterprise\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Enterprise</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>For regulated industries</text-ui>\n                <span>custom</span>\n              </row-ui>\n              <col-ui slot=\"description\" gap=\"2\">\n                <span>Dedicated support · DPA · SCIM · on-prem deployment · talk to sales</span>\n                <row-ui gap=\"2\" align=\"center\">\n                  <badge-ui text=\"Volume pricing\" variant=\"accent\"></badge-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Custom contract</text-ui>\n                </row-ui>\n              </col-ui>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"custom\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Something else</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>Tell us what you need</text-ui>\n                <span>talk to us</span>\n              </row-ui>\n              <span slot=\"description\">None of these fit? Tell us what you need and we'll quote a custom plan within one business day.</span>\n              <textarea-ui\n                name=\"custom-requirements\"\n                rows=\"4\"\n                label=\"Your requirements\"\n                placeholder=\"Volume, compliance needs, integrations, deployment constraints — whatever you'd want a sales engineer to know up front.\"\n              ></textarea-ui>\n            </option-card-ui>\n          </col-ui>\n        </section>",
+  "html": "<section data-reg-form\n  role=\"radiogroup\" aria-label=\"Plan\">\n          <col-ui gap=\"2\">\n            <option-card-ui name=\"plan\" value=\"free\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Free</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>Solo or community work</text-ui>\n                <span>$0/mo</span>\n              </row-ui>\n              <span slot=\"description\">Up to 5 members · 10 projects · community support</span>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"pro\" checked>\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Pro</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>Designed for small operations</text-ui>\n                <span>$49/mo</span>\n              </row-ui>\n              <col-ui slot=\"description\" gap=\"2\">\n                <span>Unlimited members · advanced charts · 100 GB storage · email support</span>\n                <row-ui gap=\"2\" align=\"center\">\n                  <badge-ui text=\"Saves 40%\" variant=\"success\"></badge-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">14-day trial period</text-ui>\n                </row-ui>\n              </col-ui>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"team\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Team</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>For growing organizations</text-ui>\n                <span>$129/mo</span>\n              </row-ui>\n              <col-ui slot=\"description\" gap=\"2\">\n                <span>Everything in Pro · SSO · audit log · role-based permissions · 1 TB storage</span>\n                <row-ui gap=\"2\" align=\"center\">\n                  <badge-ui text=\"Saves 30%\" variant=\"success\"></badge-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Pay annually</text-ui>\n                </row-ui>\n              </col-ui>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"enterprise\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Enterprise</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>For regulated industries</text-ui>\n                <span>custom</span>\n              </row-ui>\n              <col-ui slot=\"description\" gap=\"2\">\n                <span>Dedicated support · DPA · SCIM · on-prem deployment · talk to sales</span>\n                <row-ui gap=\"2\" align=\"center\">\n                  <badge-ui text=\"Volume pricing\" variant=\"accent\"></badge-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Custom contract</text-ui>\n                </row-ui>\n              </col-ui>\n            </option-card-ui>\n\n            <option-card-ui name=\"plan\" value=\"custom\">\n              <row-ui slot=\"heading\" gap=\"2\" align=\"baseline\">\n                <span>Something else</span>\n                <text-ui color=\"subtle\" size=\"sm\" grow>Tell us what you need</text-ui>\n                <span>talk to us</span>\n              </row-ui>\n              <span slot=\"description\">None of these fit? Tell us what you need and we'll quote a custom plan within one business day.</span>\n              <textarea-ui\n                name=\"custom-requirements\"\n                rows=\"4\"\n                label=\"Your requirements\"\n                placeholder=\"Volume, compliance needs, integrations, deployment constraints — whatever you'd want a sales engineer to know up front.\"\n              ></textarea-ui>\n            </option-card-ui>\n          </col-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/plan/plan.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "layout",
+    "description": "Pricing-plan tier selector — 3 plan cards (free / pro / enterprise) with feature lists + radio-group selection.",
+    "keywords": [
+      "pricing",
+      "tiers",
+      "plans",
+      "plan",
+      "subscription",
+      "free",
+      "pro",
+      "enterprise",
+      "billing",
+      "commerce",
+      "comparison"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Free"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Solo or community work"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "$0/mo"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Up to 5 members · 10 projects · community support"
+    },
+    {
+      "id": "plan",
+      "component": "OptionCard",
+      "children": [
+        "row",
+        "text-4"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Pro"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Designed for small operations"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "$49/mo"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-5",
+        "text-6",
+        "text-7"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Unlimited members · advanced charts · 100 GB storage · email support"
+    },
+    {
+      "id": "badge",
+      "component": "Badge"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "14-day trial period"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "badge",
+        "text-9"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-8",
+        "row-3"
+      ]
+    },
+    {
+      "id": "option-card",
+      "component": "OptionCard",
+      "children": [
+        "row-2",
+        "column-2"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Team"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "textContent": "For growing organizations"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "$129/mo"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-10",
+        "text-11",
+        "text-12"
+      ]
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Everything in Pro · SSO · audit log · role-based permissions · 1 TB storage"
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge"
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "textContent": "Pay annually"
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "badge-2",
+        "text-14"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-13",
+        "row-5"
+      ]
+    },
+    {
+      "id": "option-card-2",
+      "component": "OptionCard",
+      "children": [
+        "row-4",
+        "column-3"
+      ]
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Enterprise"
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "textContent": "For regulated industries"
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "custom"
+    },
+    {
+      "id": "row-6",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-15",
+        "text-16",
+        "text-17"
+      ]
+    },
+    {
+      "id": "text-18",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Dedicated support · DPA · SCIM · on-prem deployment · talk to sales"
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge"
+    },
+    {
+      "id": "text-19",
+      "component": "Text",
+      "textContent": "Custom contract"
+    },
+    {
+      "id": "row-7",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "badge-3",
+        "text-19"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-18",
+        "row-7"
+      ]
+    },
+    {
+      "id": "option-card-3",
+      "component": "OptionCard",
+      "children": [
+        "row-6",
+        "column-4"
+      ]
+    },
+    {
+      "id": "text-20",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Something else"
+    },
+    {
+      "id": "text-21",
+      "component": "Text",
+      "textContent": "Tell us what you need"
+    },
+    {
+      "id": "text-22",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "talk to us"
+    },
+    {
+      "id": "row-8",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-20",
+        "text-21",
+        "text-22"
+      ]
+    },
+    {
+      "id": "text-23",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "None of these fit? Tell us what you need and we'll quote a custom plan within one business day."
+    },
+    {
+      "id": "custom-requirements",
+      "component": "TextArea",
+      "placeholder": "Volume, compliance needs, integrations, deployment constraints — whatever you'd want a sales engineer to know up front.",
+      "name": "custom-requirements",
+      "rows": "4"
+    },
+    {
+      "id": "option-card-4",
+      "component": "OptionCard",
+      "children": [
+        "row-8",
+        "text-23",
+        "custom-requirements"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "plan",
+        "option-card",
+        "option-card-2",
+        "option-card-3",
+        "option-card-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "column"
+      ]
+    }
+  ]
 }

package/chunks/comparison-table.json

@@ -0,0 +1,208 @@
+{
+  "name": "comparison-table",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <col-ui gap=\"4\">\n      <header align=\"center\">\n        <h2>Compare plans</h2>\n      </header>\n      <grid-ui columns=\"4\" gap=\"0\">\n        <text-ui strong>Feature</text-ui>\n        <text-ui strong text-align=\"center\">Free</text-ui>\n        <text-ui strong text-align=\"center\">Pro</text-ui>\n        <text-ui strong text-align=\"center\">Enterprise</text-ui>\n\n        <text-ui>Component library</text-ui>\n        <text-ui text-align=\"center\" color=\"success\">✓</text-ui>\n        <text-ui text-align=\"center\" color=\"success\">✓</text-ui>\n        <text-ui text-align=\"center\" color=\"success\">✓</text-ui>\n\n        <text-ui>Free-form composer</text-ui>\n        <text-ui text-align=\"center\" color=\"subtle\">—</text-ui>\n        <text-ui text-align=\"center\" color=\"success\">✓</text-ui>\n        <text-ui text-align=\"center\" color=\"success\">✓</text-ui>\n\n        <text-ui>Custom chunk corpus</text-ui>\n        <text-ui text-align=\"center\" color=\"subtle\">—</text-ui>\n        <text-ui text-align=\"center\" color=\"subtle\">—</text-ui>\n        <text-ui text-align=\"center\" color=\"success\">✓</text-ui>\n\n        <text-ui>SSO + audit log</text-ui>\n        <text-ui text-align=\"center\" color=\"subtle\">—</text-ui>\n        <text-ui text-align=\"center\" color=\"subtle\">—</text-ui>\n        <text-ui text-align=\"center\" color=\"success\">✓</text-ui>\n\n        <text-ui>Priority support</text-ui>\n        <text-ui text-align=\"center\" color=\"subtle\">—</text-ui>\n        <text-ui text-align=\"center\" color=\"success\">✓</text-ui>\n        <text-ui text-align=\"center\" color=\"success\">✓</text-ui>\n      </grid-ui>\n    </col-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Feature comparison table — 2-3 columns of plans with feature row + checkmark/dash cells.",
+    "keywords": [
+      "comparison",
+      "table",
+      "features",
+      "plans",
+      "tiers",
+      "checkmarks",
+      "compare",
+      "pricing-compare"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h2",
+      "textContent": "Compare plans"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Feature"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Free"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Pro"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Enterprise"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Component library"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "✓"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "✓"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "✓"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "Free-form composer"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "textContent": "—"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "textContent": "✓"
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "textContent": "✓"
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "textContent": "Custom chunk corpus"
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "textContent": "—"
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "textContent": "—"
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "textContent": "✓"
+    },
+    {
+      "id": "text-18",
+      "component": "Text",
+      "textContent": "SSO + audit log"
+    },
+    {
+      "id": "text-19",
+      "component": "Text",
+      "textContent": "—"
+    },
+    {
+      "id": "text-20",
+      "component": "Text",
+      "textContent": "—"
+    },
+    {
+      "id": "text-21",
+      "component": "Text",
+      "textContent": "✓"
+    },
+    {
+      "id": "text-22",
+      "component": "Text",
+      "textContent": "Priority support"
+    },
+    {
+      "id": "text-23",
+      "component": "Text",
+      "textContent": "—"
+    },
+    {
+      "id": "text-24",
+      "component": "Text",
+      "textContent": "✓"
+    },
+    {
+      "id": "text-25",
+      "component": "Text",
+      "textContent": "✓"
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "gap": "0",
+      "children": [
+        "text-2",
+        "text-3",
+        "text-4",
+        "text-5",
+        "text-6",
+        "text-7",
+        "text-8",
+        "text-9",
+        "text-10",
+        "text-11",
+        "text-12",
+        "text-13",
+        "text-14",
+        "text-15",
+        "text-16",
+        "text-17",
+        "text-18",
+        "text-19",
+        "text-20",
+        "text-21",
+        "text-22",
+        "text-23",
+        "text-24",
+        "text-25"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "header",
+        "grid"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/conversion-funnel-6step.json

@@ -8,5 +8,121 @@
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Conversion Funnel</h3>\n    <text-ui slot=\"description\" color=\"subtle\">6 stages from visit to purchase</text-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <row-ui align=\"center\" gap=\"3\">\n        <col-ui gap=\"0\" grow>\n          <text-ui strong>Visited landing page</text-ui>\n          <text-ui color=\"subtle\" size=\"sm\">28,432 visitors</text-ui>\n        </col-ui>\n        <text-ui strong>100%</text-ui>\n      </row-ui>\n      <progress-row-ui label=\"Viewed pricing\" value=\"68\" meta=\"19,334 · 68%\"></progress-row-ui>\n      <progress-row-ui label=\"Started trial\" value=\"42\" meta=\"11,942 · 42%\"></progress-row-ui>\n      <progress-row-ui label=\"Activated\" value=\"28\" meta=\"7,961 · 28%\"></progress-row-ui>\n      <progress-row-ui label=\"Used core feature\" value=\"18\" meta=\"5,118 · 18%\"></progress-row-ui>\n      <progress-row-ui label=\"Upgraded to paid\" value=\"8\" meta=\"2,274 · 8.0%\"></progress-row-ui>\n    </col-ui>\n  </section>\n</card-ui>",
   "source": "catalog/ui-patterns/app/conversion-funnel-6step/conversion-funnel-6step.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "data",
+    "description": "Conversion funnel with 6 stages, stage labels, counts, and drop-off conversion percentages.",
+    "keywords": [
+      "funnel",
+      "conversion",
+      "analytics",
+      "stages",
+      "metrics",
+      "drop-off",
+      "rate",
+      "marketing"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "Conversion Funnel"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "6 stages from visit to purchase"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Visited landing page"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "28,432 visitors"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "100%"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "column-2",
+        "text-5"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column"
+    },
+    {
+      "id": "column-4",
+      "component": "Column"
+    },
+    {
+      "id": "column-5",
+      "component": "Column"
+    },
+    {
+      "id": "column-6",
+      "component": "Column"
+    },
+    {
+      "id": "column-7",
+      "component": "Column"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "row",
+        "column-3",
+        "column-4",
+        "column-5",
+        "column-6",
+        "column-7"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
 }