@adia-ai/a2ui-corpus 0.5.1 → 0.5.2

package/chunks/footer-multi-column.json

@@ -6,11 +6,11 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <col-ui gap=\"6\">\n      <grid-ui columns=\"4\" gap=\"6\">\n        <col-ui gap=\"2\">\n          <text-ui strong>Product</text-ui>\n          <link-ui href=\"#\" text=\"Components\"></link-ui>\n          <link-ui href=\"#\" text=\"A2UI Protocol\"></link-ui>\n          <link-ui href=\"#\" text=\"Free-form Composer\"></link-ui>\n          <link-ui href=\"#\" text=\"Pricing\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Company</text-ui>\n          <link-ui href=\"#\" text=\"About\"></link-ui>\n          <link-ui href=\"#\" text=\"Blog\"></link-ui>\n          <link-ui href=\"#\" text=\"Careers\"></link-ui>\n          <link-ui href=\"#\" text=\"Press\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Resources</text-ui>\n          <link-ui href=\"#\" text=\"Docs\"></link-ui>\n          <link-ui href=\"#\" text=\"API Reference\"></link-ui>\n          <link-ui href=\"#\" text=\"Changelog\"></link-ui>\n          <link-ui href=\"#\" text=\"Status\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Legal</text-ui>\n          <link-ui href=\"#\" text=\"Privacy\"></link-ui>\n          <link-ui href=\"#\" text=\"Terms\"></link-ui>\n          <link-ui href=\"#\" text=\"Security\"></link-ui>\n        </col-ui>\n      </grid-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <text-ui size=\"sm\" color=\"subtle\">© 2026 AdiaUI. All rights reserved.</text-ui>\n      </row-ui>\n    </col-ui>\n  </section>",
+  "html": "<section>\n    <col-ui gap=\"6\">\n      <grid-ui columns=\"4\" gap=\"6\">\n        <col-ui gap=\"2\">\n          <text-ui strong>Product</text-ui>\n          <link-ui href=\"#\" text=\"Features\"></link-ui>\n          <link-ui href=\"#\" text=\"Pricing\"></link-ui>\n          <link-ui href=\"#\" text=\"Integrations\"></link-ui>\n          <link-ui href=\"#\" text=\"Changelog\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Company</text-ui>\n          <link-ui href=\"#\" text=\"About\"></link-ui>\n          <link-ui href=\"#\" text=\"Blog\"></link-ui>\n          <link-ui href=\"#\" text=\"Careers\"></link-ui>\n          <link-ui href=\"#\" text=\"Press\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Resources</text-ui>\n          <link-ui href=\"#\" text=\"Docs\"></link-ui>\n          <link-ui href=\"#\" text=\"API reference\"></link-ui>\n          <link-ui href=\"#\" text=\"Status\"></link-ui>\n          <link-ui href=\"#\" text=\"Support\"></link-ui>\n        </col-ui>\n        <col-ui gap=\"2\">\n          <text-ui strong>Stay in the loop</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">Monthly digest, no spam.</text-ui>\n          <button-ui text=\"Subscribe\" variant=\"primary\" size=\"sm\"></button-ui>\n        </col-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <text-ui size=\"sm\" color=\"subtle\">© 2026 Acme Inc. All rights reserved.</text-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <icon-ui name=\"github-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n          <icon-ui name=\"x-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n          <icon-ui name=\"linkedin-logo\" size=\"sm\" color=\"subtle\"></icon-ui>\n        </row-ui>\n      </row-ui>\n    </col-ui>\n  </section>",
   "source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
   "metadata": {
     "domain": "layout",
-    "description": "Multi-column site footer with product / company / resources nav columns + copyright row.",
+    "description": "Multi-column site footer with product / company / resources nav columns, divider rule, copyright row, and social-icon links with a newsletter signup CTA.",
     "keywords": [
       "footer",
       "multi-column",
@@ -19,10 +19,14 @@
       "navigation",
       "links",
       "copyright",
-      "legal"
+      "legal",
+      "divider",
+      "social",
+      "newsletter",
+      "button"
     ]
   },
-  "captured_at": "2026-05-13T21:56:57.777Z",
+  "captured_at": "2026-05-13T23:05:50.382Z",
   "template": [
     {
       "id": "text",
@@ -138,22 +142,16 @@
     {
       "id": "text-4",
       "component": "Text",
-      "textContent": "Legal"
+      "textContent": "Stay in the loop"
     },
     {
-      "id": "link-13",
-      "component": "Link",
-      "href": "#"
-    },
-    {
-      "id": "link-14",
-      "component": "Link",
-      "href": "#"
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Monthly digest, no spam."
     },
     {
-      "id": "link-15",
-      "component": "Link",
-      "href": "#"
+      "id": "button",
+      "component": "Button"
     },
     {
       "id": "column-5",
@@ -161,9 +159,8 @@
       "gap": "2",
       "children": [
         "text-4",
-        "link-13",
-        "link-14",
-        "link-15"
+        "text-5",
+        "button"
       ]
     },
     {
@@ -178,16 +175,43 @@
       ]
     },
     {
-      "id": "text-5",
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "text-6",
       "component": "Text",
-      "textContent": "© 2026 AdiaUI. All rights reserved."
+      "textContent": "© 2026 Acme Inc. All rights reserved."
+    },
+    {
+      "id": "github-logo",
+      "component": "Icon"
+    },
+    {
+      "id": "x-logo",
+      "component": "Icon"
+    },
+    {
+      "id": "linkedin-logo",
+      "component": "Icon"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "github-logo",
+        "x-logo",
+        "linkedin-logo"
+      ]
     },
     {
       "id": "row",
       "component": "Row",
       "gap": "3",
       "children": [
-        "text-5"
+        "text-6",
+        "row-2"
       ]
     },
     {
@@ -196,6 +220,7 @@
       "gap": "6",
       "children": [
         "grid",
+        "divider",
         "row"
       ]
     },

package/chunks/footer-primary-only.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<footer>\n            <button-ui text=\"Connect\" stretch onclick=\"document.getElementById('drawer-figma').open = true\"></button-ui>\n          </footer>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-13T21:56:57.777Z"
+  "captured_at": "2026-05-13T23:05:50.382Z"
 }

package/chunks/form-page-shell.json

@@ -37,7 +37,7 @@
       "full-page-form"
     ]
   },
-  "captured_at": "2026-05-13T21:56:57.777Z",
+  "captured_at": "2026-05-13T23:05:50.382Z",
   "template": [
     {
       "id": "text",

package/chunks/gallery-page-shell.json

@@ -43,7 +43,7 @@
       "view-toggle"
     ]
   },
-  "captured_at": "2026-05-13T21:56:57.777Z",
+  "captured_at": "2026-05-13T23:05:50.382Z",
   "template": [
     {
       "id": "text",

package/chunks/hero-section-split.json

@@ -23,7 +23,7 @@
       "cta"
     ]
   },
-  "captured_at": "2026-05-13T21:56:57.777Z",
+  "captured_at": "2026-05-13T23:05:50.382Z",
   "template": [
     {
       "id": "text",

package/chunks/icon-text-row.json

@@ -12,5 +12,5 @@
   },
   "html": "<row-ui gap=\"2\" align=\"center\" grow>\n              <icon-ui name=\"git-branch\"></icon-ui>\n              <text-ui grow>acme-corp/web</text-ui>\n              <text-ui color=\"subtle\">2m ago</text-ui>\n            </row-ui>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-13T21:56:57.777Z"
+  "captured_at": "2026-05-13T23:05:50.382Z"
 }

package/chunks/image-carousel.json

@@ -23,7 +23,7 @@
       "paginated"
     ]
   },
-  "captured_at": "2026-05-13T21:56:57.777Z",
+  "captured_at": "2026-05-13T23:05:50.382Z",
   "template": [
     {
       "id": "text",

package/chunks/image-tile.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<card-ui>\n        <image-ui slot=\"media\" src=\"https://picsum.photos/seed/q4-prep/960/360\" alt=\"\" style=\"aspect-ratio: 8/3\"></image-ui>\n        <header>\n          <h3>Q4 Board Prep — Revenue & Outlook Draft</h3>\n          <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">confluence.internal · 6 min read</text-ui>\n        </header>\n        <section>\n          <text-ui>Sarah Chen's shared draft covers ARR trajectory, cohort retention, and the segmentation the board will want to see.</text-ui>\n        </section>\n      </card-ui>",
   "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
-  "captured_at": "2026-05-13T21:56:57.777Z"
+  "captured_at": "2026-05-13T23:05:50.382Z"
 }

package/chunks/image-upload-preview.json

@@ -23,7 +23,7 @@
       "remove"
     ]
   },
-  "captured_at": "2026-05-13T21:56:57.777Z",
+  "captured_at": "2026-05-13T23:05:50.382Z",
   "template": [
     {
       "id": "avatar",

package/chunks/inventory-list-stock.json

@@ -6,11 +6,11 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <card-ui>\n      <header>\n        <text-ui strong>Inventory</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">128 SKUs · 3 below threshold</text-ui>\n      </header>\n      <section>\n        <grid-ui columns=\"4\" gap=\"3\">\n          <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">PRODUCT</text-ui>\n          <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">SKU</text-ui>\n          <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">STOCK</text-ui>\n          <text-ui size=\"xs\" color=\"subtle\" tracking=\"wide\">STATUS</text-ui>\n\n          <text-ui>Wireless mouse</text-ui>\n          <text-ui color=\"subtle\">WM-4421</text-ui>\n          <text-ui>284</text-ui>\n          <tag-ui text=\"In stock\" color=\"success\"></tag-ui>\n\n          <text-ui>USB-C cable 2m</text-ui>\n          <text-ui color=\"subtle\">UC-2200</text-ui>\n          <text-ui>12</text-ui>\n          <tag-ui text=\"Low\" color=\"warning\"></tag-ui>\n\n          <text-ui>Mechanical keyboard</text-ui>\n          <text-ui color=\"subtle\">KB-8801</text-ui>\n          <text-ui>0</text-ui>\n          <tag-ui text=\"Out of stock\" color=\"danger\"></tag-ui>\n\n          <text-ui>Headphone stand</text-ui>\n          <text-ui color=\"subtle\">HS-1102</text-ui>\n          <text-ui>156</text-ui>\n          <tag-ui text=\"In stock\" color=\"success\"></tag-ui>\n        </grid-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "html": "<section>\n    <card-ui>\n      <header>\n        <text-ui strong>Inventory</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">128 SKUs · 3 below threshold</text-ui>\n      </header>\n      <section bleed>\n        <table-ui>\n          <thead>\n            <tr>\n              <th>Product</th>\n              <th>SKU</th>\n              <th>Stock</th>\n              <th>Status</th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td><text-ui>Wireless mouse</text-ui></td>\n              <td><text-ui color=\"subtle\">WM-4421</text-ui></td>\n              <td><progress-ui value=\"71\" total=\"100\" color=\"success\"></progress-ui></td>\n              <td><badge-ui text=\"In stock\" variant=\"success\" size=\"sm\"></badge-ui></td>\n            </tr>\n            <tr>\n              <td><text-ui>USB-C cable 2m</text-ui></td>\n              <td><text-ui color=\"subtle\">UC-2200</text-ui></td>\n              <td><progress-ui value=\"12\" total=\"100\" color=\"warning\"></progress-ui></td>\n              <td><badge-ui text=\"Low\" variant=\"warning\" size=\"sm\"></badge-ui></td>\n            </tr>\n            <tr>\n              <td><text-ui>Mechanical keyboard</text-ui></td>\n              <td><text-ui color=\"subtle\">KB-8801</text-ui></td>\n              <td><progress-ui value=\"0\" total=\"100\" color=\"danger\"></progress-ui></td>\n              <td><badge-ui text=\"Out of stock\" variant=\"danger\" size=\"sm\"></badge-ui></td>\n            </tr>\n            <tr>\n              <td><text-ui>Headphone stand</text-ui></td>\n              <td><text-ui color=\"subtle\">HS-1102</text-ui></td>\n              <td><progress-ui value=\"78\" total=\"100\" color=\"success\"></progress-ui></td>\n              <td><badge-ui text=\"In stock\" variant=\"success\" size=\"sm\"></badge-ui></td>\n            </tr>\n          </tbody>\n        </table-ui>\n      </section>\n    </card-ui>\n  </section>",
   "source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
   "metadata": {
     "domain": "data",
-    "description": "Inventory list with product name, SKU, stock count, status badge per row, and threshold-alert highlights.",
+    "description": "Inventory table with product name, SKU, stock fill-bar, and status badge per row; threshold-alert highlights below.",
     "keywords": [
       "inventory",
       "stock",
@@ -22,10 +22,13 @@
       "threshold",
       "low-stock",
       "data",
-      "ecommerce"
+      "ecommerce",
+      "table",
+      "badge",
+      "progress"
     ]
   },
-  "captured_at": "2026-05-13T21:56:57.777Z",
+  "captured_at": "2026-05-13T23:05:50.382Z",
   "template": [
     {
       "id": "text",
@@ -48,22 +51,36 @@
     {
       "id": "text-3",
       "component": "Text",
-      "textContent": "PRODUCT"
+      "textContent": "Product",
+      "variant": "body"
     },
     {
       "id": "text-4",
       "component": "Text",
-      "textContent": "SKU"
+      "textContent": "SKU",
+      "variant": "body"
     },
     {
       "id": "text-5",
       "component": "Text",
-      "textContent": "STOCK"
+      "textContent": "Stock",
+      "variant": "body"
     },
     {
       "id": "text-6",
       "component": "Text",
-      "textContent": "STATUS"
+      "textContent": "Status",
+      "variant": "body"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text-3",
+        "text-4",
+        "text-5",
+        "text-6"
+      ]
     },
     {
       "id": "text-7",
@@ -76,110 +93,137 @@
       "textContent": "WM-4421"
     },
     {
-      "id": "text-9",
-      "component": "Text",
-      "textContent": "284"
+      "id": "progress",
+      "component": "Progress"
     },
     {
-      "id": "tag",
-      "component": "Tag"
+      "id": "badge",
+      "component": "Badge"
     },
     {
-      "id": "text-10",
+      "id": "column-8",
+      "component": "Column",
+      "children": [
+        "text-7",
+        "text-8",
+        "progress",
+        "badge"
+      ]
+    },
+    {
+      "id": "text-9",
       "component": "Text",
       "textContent": "USB-C cable 2m"
     },
     {
-      "id": "text-11",
+      "id": "text-10",
       "component": "Text",
       "textContent": "UC-2200"
     },
     {
-      "id": "text-12",
-      "component": "Text",
-      "textContent": "12"
+      "id": "progress-2",
+      "component": "Progress"
     },
     {
-      "id": "tag-2",
-      "component": "Tag"
+      "id": "badge-2",
+      "component": "Badge"
     },
     {
-      "id": "text-13",
+      "id": "column-13",
+      "component": "Column",
+      "children": [
+        "text-9",
+        "text-10",
+        "progress-2",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "text-11",
       "component": "Text",
       "textContent": "Mechanical keyboard"
     },
     {
-      "id": "text-14",
+      "id": "text-12",
       "component": "Text",
       "textContent": "KB-8801"
     },
     {
-      "id": "text-15",
-      "component": "Text",
-      "textContent": "0"
+      "id": "progress-3",
+      "component": "Progress"
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge"
     },
     {
-      "id": "tag-3",
-      "component": "Tag"
+      "id": "column-18",
+      "component": "Column",
+      "children": [
+        "text-11",
+        "text-12",
+        "progress-3",
+        "badge-3"
+      ]
     },
     {
-      "id": "text-16",
+      "id": "text-13",
       "component": "Text",
       "textContent": "Headphone stand"
     },
     {
-      "id": "text-17",
+      "id": "text-14",
       "component": "Text",
       "textContent": "HS-1102"
     },
     {
-      "id": "text-18",
-      "component": "Text",
-      "textContent": "156"
+      "id": "progress-4",
+      "component": "Progress"
     },
     {
-      "id": "tag-4",
-      "component": "Tag"
+      "id": "badge-4",
+      "component": "Badge"
     },
     {
-      "id": "grid",
-      "component": "Grid",
-      "gap": "3",
+      "id": "column-23",
+      "component": "Column",
       "children": [
-        "text-3",
-        "text-4",
-        "text-5",
-        "text-6",
-        "text-7",
-        "text-8",
-        "text-9",
-        "tag",
-        "text-10",
-        "text-11",
-        "text-12",
-        "tag-2",
         "text-13",
         "text-14",
-        "text-15",
-        "tag-3",
-        "text-16",
-        "text-17",
-        "text-18",
-        "tag-4"
+        "progress-4",
+        "badge-4"
+      ]
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "children": [
+        "column-8",
+        "column-13",
+        "column-18",
+        "column-23"
+      ]
+    },
+    {
+      "id": "table",
+      "component": "Table",
+      "children": [
+        "column-2",
+        "column-7"
       ]
     },
     {
       "id": "section",
       "component": "Section",
       "children": [
-        "column"
+        "column-28"
       ]
     },
     {
-      "id": "column",
+      "id": "column-28",
       "component": "Column",
       "children": [
-        "grid"
+        "table"
       ]
     },
     {

package/chunks/kanban-board-3col.json

@@ -26,7 +26,7 @@
       "workflow"
     ]
   },
-  "captured_at": "2026-05-13T21:56:57.777Z",
+  "captured_at": "2026-05-13T23:05:50.382Z",
   "template": [
     {
       "id": "text",

package/chunks/kanban-page-shell.json

@@ -40,7 +40,7 @@
       "workflow"
     ]
   },
-  "captured_at": "2026-05-13T21:56:57.777Z",
+  "captured_at": "2026-05-13T23:05:50.382Z",
   "template": [
     {
       "id": "text",

package/chunks/kbd-shortcuts.json

@@ -24,7 +24,7 @@
       "quick-keys"
     ]
   },
-  "captured_at": "2026-05-13T21:56:57.777Z",
+  "captured_at": "2026-05-13T23:05:50.382Z",
   "template": [
     {
       "id": "text",

package/chunks/labeled-textarea.json

@@ -25,7 +25,7 @@
       "field-ui"
     ]
   },
-  "captured_at": "2026-05-13T21:56:57.777Z",
+  "captured_at": "2026-05-13T23:05:50.382Z",
   "template": [
     {
       "id": "text-area",