@adia-ai/a2ui-corpus 0.4.8 → 0.5.0

package/chunks/timeline-events.json

@@ -0,0 +1,209 @@
+{
+  "name": "timeline-events",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <col-ui gap=\"3\">\n      <header>\n        <h3>Recent activity</h3>\n      </header>\n      <col-ui gap=\"2\">\n        <row-ui gap=\"3\" align=\"start\">\n          <text-ui size=\"xs\" color=\"subtle\">10:42 AM</text-ui>\n          <card-ui>\n            <section>\n              <col-ui gap=\"1\">\n                <text-ui strong size=\"sm\">Diana shipped v0.5.0</text-ui>\n                <text-ui size=\"sm\" color=\"subtle\">Free-form composer + corpus regrowth</text-ui>\n              </col-ui>\n            </section>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"3\" align=\"start\">\n          <text-ui size=\"xs\" color=\"subtle\">9:18 AM</text-ui>\n          <card-ui>\n            <section>\n              <col-ui gap=\"1\">\n                <text-ui strong size=\"sm\">Marco approved PR #1428</text-ui>\n                <text-ui size=\"sm\" color=\"subtle\">Hero section split layout</text-ui>\n              </col-ui>\n            </section>\n          </card-ui>\n        </row-ui>\n        <row-ui gap=\"3\" align=\"start\">\n          <text-ui size=\"xs\" color=\"subtle\">Yesterday</text-ui>\n          <card-ui>\n            <section>\n              <col-ui gap=\"1\">\n                <text-ui strong size=\"sm\">June published release notes</text-ui>\n                <text-ui size=\"sm\" color=\"subtle\">v0.4.9 closeout cycle</text-ui>\n              </col-ui>\n            </section>\n          </card-ui>\n        </row-ui>\n      </col-ui>\n    </col-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Vertical timeline of events — date label + dot + content card per row, connected by vertical line.",
+    "keywords": [
+      "timeline",
+      "events",
+      "vertical",
+      "history",
+      "activity-log",
+      "chronological",
+      "story",
+      "commits",
+      "releases"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "Recent activity"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "10:42 AM"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Diana shipped v0.5.0"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Free-form composer + corpus regrowth"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "text-2",
+        "card"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "9:18 AM"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Marco approved PR #1428"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Hero section split layout"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-6",
+        "text-7"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "text-5",
+        "card-2"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "Yesterday"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "June published release notes"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "v0.4.9 closeout cycle"
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-9",
+        "text-10"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "text-8",
+        "card-3"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "row",
+        "row-2",
+        "row-3"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "header",
+        "column-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/toolbar-icons.json

@@ -0,0 +1,97 @@
+{
+  "name": "toolbar-icons",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <row-ui gap=\"1\" align=\"center\">\n      <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\" tooltip=\"Bold\"></button-ui>\n      <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\" tooltip=\"Italic\"></button-ui>\n      <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\" tooltip=\"Underline\"></button-ui>\n      <separator-ui orientation=\"vertical\"></separator-ui>\n      <button-ui icon=\"list-bullets\" variant=\"ghost\" size=\"sm\" tooltip=\"Bulleted list\"></button-ui>\n      <button-ui icon=\"list-numbers\" variant=\"ghost\" size=\"sm\" tooltip=\"Numbered list\"></button-ui>\n      <button-ui icon=\"quotes\" variant=\"ghost\" size=\"sm\" tooltip=\"Block quote\"></button-ui>\n      <separator-ui orientation=\"vertical\"></separator-ui>\n      <button-ui icon=\"link\" variant=\"ghost\" size=\"sm\" tooltip=\"Insert link\"></button-ui>\n      <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\" tooltip=\"Insert image\"></button-ui>\n      <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\" tooltip=\"Inline code\"></button-ui>\n    </row-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "Icon-only toolbar with grouped action buttons, separators between groups, and tooltips on hover.",
+    "keywords": [
+      "toolbar",
+      "icon-buttons",
+      "actions",
+      "icon-only",
+      "grouped",
+      "editor",
+      "tools",
+      "formatting"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "button-2",
+      "component": "Button"
+    },
+    {
+      "id": "button-3",
+      "component": "Button"
+    },
+    {
+      "id": "column",
+      "component": "Column"
+    },
+    {
+      "id": "button-4",
+      "component": "Button"
+    },
+    {
+      "id": "button-5",
+      "component": "Button"
+    },
+    {
+      "id": "button-6",
+      "component": "Button"
+    },
+    {
+      "id": "column-2",
+      "component": "Column"
+    },
+    {
+      "id": "button-7",
+      "component": "Button"
+    },
+    {
+      "id": "button-8",
+      "component": "Button"
+    },
+    {
+      "id": "button-9",
+      "component": "Button"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "button",
+        "button-2",
+        "button-3",
+        "column",
+        "button-4",
+        "button-5",
+        "button-6",
+        "column-2",
+        "button-7",
+        "button-8",
+        "button-9"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "row"
+      ]
+    }
+  ]
+}

package/chunks/user-identity-row.json

@@ -12,5 +12,5 @@
   },
   "html": "<row-ui gap=\"2\" align=\"center\" grow>\n              <avatar-ui icon=\"code\" size=\"sm\"></avatar-ui>\n              <col-ui gap=\"0\" grow>\n                <text-ui strong>Developer</text-ui>\n                <text-ui color=\"subtle\" size=\"sm\">API + webhook access · 4 members</text-ui>\n              </col-ui>\n              <button-ui variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n            </row-ui>",
   "source": "apps/saas/app/members/members.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z"
 }

package/chunks/user-profile-card.json

@@ -8,5 +8,170 @@
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\">\n      <avatar-ui text=\"Jane Doe\" size=\"lg\"></avatar-ui>\n      <col-ui gap=\"0\">\n        <text-ui weight=\"semibold\" size=\"lg\">Jane Doe</text-ui>\n        <text-ui color=\"subtle\">Product Designer</text-ui>\n      </col-ui>\n    </row-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <field-ui label=\"Email\" inline>\n        <input-ui type=\"email\" value=\"jane@example.com\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Role\" inline>\n        <select-ui value=\"designer\">\n          <option value=\"designer\">Designer</option>\n          <option value=\"engineer\">Engineer</option>\n          <option value=\"manager\">Manager</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Bio\" inline>\n        <textarea-ui rows=\"2\">Building design systems at AdiaUI</textarea-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" justify=\"end\">\n      <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <button-ui text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
   "source": "catalog/ui-patterns/app/user-profile-card/user-profile-card.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "display",
+    "description": "User profile card with avatar, name, role, contact info, and action buttons (message, follow, more).",
+    "keywords": [
+      "profile",
+      "card",
+      "user",
+      "avatar",
+      "name",
+      "role",
+      "bio",
+      "contact",
+      "actions",
+      "team-member"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Jane Doe"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Product Designer"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "avatar",
+        "column"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Designer",
+      "variant": "body"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Engineer",
+      "variant": "body"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Manager",
+      "variant": "body"
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "children": [
+        "text-3",
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "children": [
+        "choice-picker"
+      ]
+    },
+    {
+      "id": "text-area",
+      "component": "TextArea",
+      "rows": "2",
+      "value": "Building design systems at AdiaUI"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "children": [
+        "text-area"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "field",
+        "field-2",
+        "field-3"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "button-2",
+      "component": "Button"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
 }