@adia-ai/a2ui-corpus 0.4.9 → 0.5.0

package/chunks/settings-page-shell.json

@@ -24,5 +24,153 @@
   "attrs": {},
   "html": "<article>\n  <header data-chunk-slot=\"page-header\">\n    <h1>Settings</h1>\n    <text-ui color=\"subtle\">Manage your account preferences</text-ui>\n  </header>\n\n  <tabs-ui value=\"general\" data-chunk-slot=\"page-tabs\">\n    <tab-ui value=\"general\" text=\"General\"></tab-ui>\n    <tab-ui value=\"integrations\" text=\"Integrations\"></tab-ui>\n    <tab-ui value=\"billing\" text=\"Billing\"></tab-ui>\n  </tabs-ui>\n\n  <section data-chunk-slot=\"page-content\">\n    <card-ui>\n      <header><h3>General settings</h3></header>\n      <section>\n        <field-ui label=\"Display name\">\n          <input-ui value=\"Jane Doe\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Email\" hint=\"Used for notifications\">\n          <input-ui type=\"email\" value=\"jane@example.com\"></input-ui>\n        </field-ui>\n      </section>\n    </card-ui>\n  </section>\n</article>",
   "source": "catalog/page-shells/app/settings-page/settings-page.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "settings",
+    "description": "Settings page shell — sidebar nav (sections) + main panel with grouped setting sections.",
+    "keywords": [
+      "settings",
+      "page",
+      "preferences",
+      "account",
+      "workspace",
+      "sections",
+      "sidebar-nav",
+      "admin",
+      "panel"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h1",
+      "textContent": "Settings"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Manage your account preferences"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "data-chunk-slot": "page-header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "tab",
+      "component": "Tab"
+    },
+    {
+      "id": "tab-2",
+      "component": "Tab"
+    },
+    {
+      "id": "tab-3",
+      "component": "Tab"
+    },
+    {
+      "id": "tabs",
+      "component": "Tabs",
+      "data-chunk-slot": "page-tabs",
+      "children": [
+        "tab",
+        "tab-2",
+        "tab-3"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "General settings"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "input-2",
+      "component": "Input"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "children": [
+        "input-2"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "field",
+        "field-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header-2",
+        "section-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-chunk-slot": "page-content",
+      "children": [
+        "card"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "tabs",
+        "section"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section-3"
+      ]
+    }
+  ]
 }

package/chunks/settings-profile-security.json

@@ -10,5 +10,119 @@
   },
   "html": "<div data-col>\n      <row-ui gap=\"4\" align=\"center\">\n        <avatar-ui text=\"Kim Granlund\" size=\"xl\"></avatar-ui>\n        <col-ui gap=\"2\">\n          <field-ui label=\"Upload new avatar\">\n            <upload-ui accept=\"image/*\"></upload-ui>\n          </field-ui>\n          <text-ui color=\"subtle\" size=\"sm\">JPG, PNG or WebP. Max 2 MB. Square images render best.</text-ui>\n        </col-ui>\n      </row-ui>\n      <field-ui label=\"Full name\">\n        <input-ui value=\"Kim Granlund\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Display name\">\n        <input-ui value=\"kimba\" prefix=\"@\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Email\">\n        <input-ui value=\"kim@acme.com\" type=\"email\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Bio\">\n        <textarea-ui placeholder=\"Tell the team a bit about yourself\" rows=\"3\">Product engineer. Working on the gen-UI pipeline.</textarea-ui>\n      </field-ui>\n    </div>",
   "source": "apps/saas/app/profile-security/profile-security.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "settings",
+    "description": "Profile + security settings section — avatar + name fields, password change, 2FA toggle, session list.",
+    "keywords": [
+      "settings",
+      "profile",
+      "security",
+      "account",
+      "password",
+      "2fa",
+      "avatar",
+      "sessions",
+      "identity"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar"
+    },
+    {
+      "id": "upload",
+      "component": "Upload"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "children": [
+        "upload"
+      ]
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "JPG, PNG or WebP. Max 2 MB. Square images render best."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "field",
+        "text"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "4",
+      "children": [
+        "avatar",
+        "column"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "input-2",
+      "component": "Input"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "children": [
+        "input-2"
+      ]
+    },
+    {
+      "id": "input-3",
+      "component": "Input"
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "children": [
+        "input-3"
+      ]
+    },
+    {
+      "id": "text-area",
+      "component": "TextArea",
+      "placeholder": "Tell the team a bit about yourself",
+      "rows": "3",
+      "value": "Product engineer. Working on the gen-UI pipeline."
+    },
+    {
+      "id": "field-5",
+      "component": "Field",
+      "children": [
+        "text-area"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "row",
+        "field-2",
+        "field-3",
+        "field-4",
+        "field-5"
+      ]
+    }
+  ]
 }

package/chunks/sidebar-collapsible-nav.json

@@ -0,0 +1,120 @@
+{
+  "name": "sidebar-collapsible-nav",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <aside-ui>\n      <col-ui gap=\"4\">\n        <row-ui gap=\"2\" align=\"center\">\n          <text-ui strong>Workspace</text-ui>\n          <button-ui icon=\"caret-double-left\" variant=\"ghost\" size=\"sm\" aria-label=\"Collapse sidebar\"></button-ui>\n        </row-ui>\n        <col-ui gap=\"1\">\n          <button-ui icon=\"house\" text=\"Home\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"chart-bar\" text=\"Dashboard\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"users\" text=\"Members\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"gear\" text=\"Settings\" variant=\"ghost\"></button-ui>\n        </col-ui>\n        <col-ui gap=\"1\">\n          <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">PROJECTS</text-ui>\n          <button-ui icon=\"folder\" text=\"Marketing site\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"folder\" text=\"Admin app\" variant=\"ghost\"></button-ui>\n          <button-ui icon=\"plus\" text=\"New project\" variant=\"ghost\"></button-ui>\n        </col-ui>\n      </col-ui>\n    </aside-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "Collapsible left sidebar with primary nav groups, expandable sub-sections, and toggle to collapse to icon-only.",
+    "keywords": [
+      "sidebar",
+      "collapsible",
+      "nav",
+      "primary",
+      "navigation",
+      "menu",
+      "groups",
+      "subsections",
+      "toggle",
+      "icon-only"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Workspace"
+    },
+    {
+      "id": "collapse-sidebar",
+      "component": "Button"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text",
+        "collapse-sidebar"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "button-2",
+      "component": "Button"
+    },
+    {
+      "id": "button-3",
+      "component": "Button"
+    },
+    {
+      "id": "button-4",
+      "component": "Button"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "button",
+        "button-2",
+        "button-3",
+        "button-4"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "PROJECTS"
+    },
+    {
+      "id": "button-5",
+      "component": "Button"
+    },
+    {
+      "id": "button-6",
+      "component": "Button"
+    },
+    {
+      "id": "button-7",
+      "component": "Button"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-2",
+        "button-5",
+        "button-6",
+        "button-7"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "row",
+        "column-3",
+        "column-4"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    }
+  ]
+}

package/chunks/testimonial-grid.json

@@ -0,0 +1,247 @@
+{
+  "name": "testimonial-grid",
+  "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>What teams are saying</h2>\n      </header>\n      <grid-ui columns=\"3\" gap=\"4\">\n        <card-ui>\n          <section>\n            <col-ui gap=\"3\">\n              <text-ui>\"Cut our GenUI shipping time by 4×. Free-form composer just works.\"</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"DS\" size=\"md\"></avatar-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong size=\"sm\">Diana Singh</text-ui>\n                  <text-ui size=\"xs\" color=\"subtle\">Eng Lead, Design Tokens Studio</text-ui>\n                </col-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <section>\n            <col-ui gap=\"3\">\n              <text-ui>\"The chunk vocabulary made our PM-to-prototype loop instant.\"</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"MR\" size=\"md\"></avatar-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong size=\"sm\">Marco Rossi</text-ui>\n                  <text-ui size=\"xs\" color=\"subtle\">Head of Product, Anvil</text-ui>\n                </col-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <section>\n            <col-ui gap=\"3\">\n              <text-ui>\"We replaced 6 hand-built primitives with one annotated chunk.\"</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"JC\" size=\"md\"></avatar-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong size=\"sm\">June Chen</text-ui>\n                  <text-ui size=\"xs\" color=\"subtle\">Staff Engineer, Vellum</text-ui>\n                </col-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-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": "3-column testimonial grid with avatar, name, role, and quote per tile.",
+    "keywords": [
+      "testimonial",
+      "grid",
+      "quotes",
+      "social-proof",
+      "reviews",
+      "avatars",
+      "customer-stories",
+      "marketing"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h2",
+      "textContent": "What teams are saying"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "\"Cut our GenUI shipping time by 4×. Free-form composer just works.\""
+    },
+    {
+      "id": "avatar",
+      "component": "Avatar"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Diana Singh"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Eng Lead, Design Tokens Studio"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "avatar",
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "text-2",
+        "row"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "\"The chunk vocabulary made our PM-to-prototype loop instant.\""
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Marco Rossi"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Head of Product, Anvil"
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-6",
+        "text-7"
+      ]
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "avatar-2",
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "text-5",
+        "row-2"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "\"We replaced 6 hand-built primitives with one annotated chunk.\""
+    },
+    {
+      "id": "avatar-3",
+      "component": "Avatar"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "June Chen"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "Staff Engineer, Vellum"
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-9",
+        "text-10"
+      ]
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "avatar-3",
+        "column-7"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "text-8",
+        "row-3"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-6"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2",
+        "card-3"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "header",
+        "grid"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/text-card.json

@@ -10,5 +10,5 @@
   },
   "html": "<card-ui size=\"sm\"><section><text-ui>Design system tokens</text-ui></section></card-ui>",
   "source": "catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z"
 }