@adia-ai/a2ui-corpus 0.6.41 → 0.6.43

package/chunks/feature-grid-icons.json

@@ -0,0 +1,308 @@
+{
+  "name": "feature-grid-icons",
+  "kind": "block",
+  "primary": "col-ui",
+  "page": "/catalog/ui-patterns/app/feature-grid-icons/feature-grid-icons.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "gap": "5"
+  },
+  "html": "<col-ui gap=\"5\">\n  <col-ui align=\"center\" gap=\"1\">\n    <text-ui size=\"xl\" weight=\"semibold\">Everything you need to ship faster</text-ui>\n    <text-ui color=\"subtle\" text-align=\"center\">Batteries-included primitives, composable by design.</text-ui>\n  </col-ui>\n  <grid-ui columns=\"1 3@md\" gap=\"5\">\n    <col-ui gap=\"3\">\n      <icon-ui name=\"lightning\" size=\"32\" color=\"var(--a-accent-strong)\"></icon-ui>\n      <col-ui gap=\"1\">\n        <text-ui weight=\"semibold\">Blazing fast composition</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">Describe your screen in plain language and get production-ready markup in seconds.</text-ui>\n      </col-ui>\n    </col-ui>\n\n    <col-ui gap=\"3\">\n      <icon-ui name=\"lock\" size=\"32\" color=\"var(--a-accent-strong)\"></icon-ui>\n      <col-ui gap=\"1\">\n        <text-ui weight=\"semibold\">Accessibility built in</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">Every primitive ships with ARIA semantics, keyboard navigation, and focus management.</text-ui>\n      </col-ui>\n    </col-ui>\n\n    <col-ui gap=\"3\">\n      <icon-ui name=\"palette\" size=\"32\" color=\"var(--a-accent-strong)\"></icon-ui>\n      <col-ui gap=\"1\">\n        <text-ui weight=\"semibold\">Fully themeable</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">Token-driven design system with light/dark mode, density, and radius controls out of the box.</text-ui>\n      </col-ui>\n    </col-ui>\n\n    <col-ui gap=\"3\">\n      <icon-ui name=\"puzzle-piece\" size=\"32\" color=\"var(--a-accent-strong)\"></icon-ui>\n      <col-ui gap=\"1\">\n        <text-ui weight=\"semibold\">93+ primitives</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">From atoms to complex shells — cards, tables, modals, charts, and more in a single package.</text-ui>\n      </col-ui>\n    </col-ui>\n\n    <col-ui gap=\"3\">\n      <icon-ui name=\"code\" size=\"32\" color=\"var(--a-accent-strong)\"></icon-ui>\n      <col-ui gap=\"1\">\n        <text-ui weight=\"semibold\">Framework agnostic</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">Vanilla web components — works with React, Vue, Svelte, or plain HTML with no adapter needed.</text-ui>\n      </col-ui>\n    </col-ui>\n\n    <col-ui gap=\"3\">\n      <icon-ui name=\"arrow-clockwise\" size=\"32\" color=\"var(--a-accent-strong)\"></icon-ui>\n      <col-ui gap=\"1\">\n        <text-ui weight=\"semibold\">Light DOM first</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">Full CSS cascade, no shadow-DOM piercing hacks — style any element with your existing toolchain.</text-ui>\n      </col-ui>\n    </col-ui>\n  </grid-ui>\n</col-ui>",
+  "source": "catalog/ui-patterns/app/feature-grid-icons/feature-grid-icons.contents.html",
+  "metadata": {
+    "domain": "content",
+    "description": "Feature grid with 6 cells each containing an icon, bold title, and one-line description. Marketing feature showcase layout.",
+    "keywords": [
+      "feature",
+      "grid",
+      "icons",
+      "icon-ui",
+      "grid",
+      "marketing",
+      "features",
+      "highlights",
+      "benefits",
+      "showcase",
+      "6-cell",
+      "feature-grid",
+      "icon",
+      "title",
+      "description",
+      "grid-ui",
+      "landing"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "size": "xl",
+      "weight": "semibold",
+      "textContent": "Everything you need to ship faster"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "text-align": "center",
+      "textContent": "Batteries-included primitives, composable by design."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "align": "center",
+      "gap": "1",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "lightning",
+      "component": "Icon",
+      "name": "lightning",
+      "size": "32"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Blazing fast composition"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Describe your screen in plain language and get production-ready markup in seconds."
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "lightning",
+        "column-3"
+      ]
+    },
+    {
+      "id": "lock",
+      "component": "Icon",
+      "name": "lock",
+      "size": "32"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Accessibility built in"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Every primitive ships with ARIA semantics, keyboard navigation, and focus management."
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-5",
+        "text-6"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "lock",
+        "column-5"
+      ]
+    },
+    {
+      "id": "palette",
+      "component": "Icon",
+      "name": "palette",
+      "size": "32"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Fully themeable"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Token-driven design system with light/dark mode, density, and radius controls out of the box."
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-7",
+        "text-8"
+      ]
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "palette",
+        "column-7"
+      ]
+    },
+    {
+      "id": "puzzle-piece",
+      "component": "Icon",
+      "name": "puzzle-piece",
+      "size": "32"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "93+ primitives"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "From atoms to complex shells — cards, tables, modals, charts, and more in a single package."
+    },
+    {
+      "id": "column-9",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-9",
+        "text-10"
+      ]
+    },
+    {
+      "id": "column-8",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "puzzle-piece",
+        "column-9"
+      ]
+    },
+    {
+      "id": "code",
+      "component": "Icon",
+      "name": "code",
+      "size": "32"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Framework agnostic"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Vanilla web components — works with React, Vue, Svelte, or plain HTML with no adapter needed."
+    },
+    {
+      "id": "column-11",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-11",
+        "text-12"
+      ]
+    },
+    {
+      "id": "column-10",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "code",
+        "column-11"
+      ]
+    },
+    {
+      "id": "arrow-clockwise",
+      "component": "Icon",
+      "name": "arrow-clockwise",
+      "size": "32"
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Light DOM first"
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Full CSS cascade, no shadow-DOM piercing hacks — style any element with your existing toolchain."
+    },
+    {
+      "id": "column-13",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-13",
+        "text-14"
+      ]
+    },
+    {
+      "id": "column-12",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "arrow-clockwise",
+        "column-13"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "1 3@md",
+      "gap": "5",
+      "children": [
+        "column-2",
+        "column-4",
+        "column-6",
+        "column-8",
+        "column-10",
+        "column-12"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "5",
+      "children": [
+        "column",
+        "grid"
+      ]
+    }
+  ]
+}

package/chunks/file-upload-dnd.json

@@ -1,16 +1,16 @@
 {
   "name": "file-upload-dnd",
   "kind": "block",
-  "primary": "section",
+  "primary": "card-ui",
   "page": "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <field-ui label=\"Attachments\" hint=\"PDF, PNG, JPG up to 10MB each\">\n      <upload-ui multiple accept=\".pdf,.png,.jpg\">\n        <text-ui>Drop files here or click to browse</text-ui>\n      </upload-ui>\n    </field-ui>\n  </section>",
+  "html": "<card-ui>\n    <section>\n      <col-ui gap=\"3\">\n        <field-ui label=\"Attachments\" hint=\"PDF, PNG, JPG up to 10MB each\">\n          <upload-ui multiple accept=\".pdf,.png,.jpg\">\n            <text-ui>Drop files here or click to browse</text-ui>\n          </upload-ui>\n        </field-ui>\n        <col-ui gap=\"1\">\n          <row-ui gap=\"2\" align=\"center\">\n            <icon-ui name=\"file-pdf\" size=\"sm\" color=\"subtle\"></icon-ui>\n            <text-ui size=\"sm\" grow>report-q4.pdf</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">2.4 MB</text-ui>\n            <button-ui icon=\"x\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\">\n            <icon-ui name=\"file-image\" size=\"sm\" color=\"subtle\"></icon-ui>\n            <text-ui size=\"sm\" grow>screenshot.png</text-ui>\n            <text-ui size=\"sm\" color=\"subtle\">840 KB</text-ui>\n            <button-ui icon=\"x\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </row-ui>\n        </col-ui>\n      </col-ui>\n    </section>\n  </card-ui>",
   "source": "catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
   "metadata": {
     "domain": "forms",
-    "description": "Drag-and-drop file upload zone with browse fallback button, file-type hints, max-size note, and uploaded-list.",
+    "description": "File upload form with drag and drop zone and file list. Upload-ui with browse fallback, file-type hints, and max-size note.",
     "keywords": [
       "file",
       "upload",
@@ -18,18 +18,28 @@
       "dnd",
       "browse",
       "attachments",
-      "multipart",
-      "submit",
-      "form-input"
+      "form-input",
+      "drop",
+      "zone",
+      "file-list",
+      "upload-zone"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Drop files here or click to browse"
+    },
     {
       "id": "upload",
       "component": "Upload",
       "accept": ".pdf,.png,.jpg",
-      "multiple": true
+      "multiple": true,
+      "children": [
+        "text"
+      ]
     },
     {
       "id": "field",
@@ -41,10 +51,111 @@
       ]
     },
     {
-      "id": "root",
+      "id": "file-pdf",
+      "component": "Icon",
+      "name": "file-pdf",
+      "size": "sm"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "report-q4.pdf"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "2.4 MB"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "x",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "file-pdf",
+        "text-2",
+        "text-3",
+        "button"
+      ]
+    },
+    {
+      "id": "file-image",
+      "component": "Icon",
+      "name": "file-image",
+      "size": "sm"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "screenshot.png"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "840 KB"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "x",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "file-image",
+        "text-4",
+        "text-5",
+        "button-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "row",
+        "row-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "field",
+        "column-2"
+      ]
+    },
+    {
+      "id": "section",
       "component": "Section",
       "children": [
-        "field"
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "section"
       ]
     }
   ]

package/chunks/footer-multi-column.json

@@ -26,7 +26,7 @@
       "button"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",

package/chunks/footer-primary-only.json

@@ -22,7 +22,7 @@
       "layout"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "button",

package/chunks/form-page-shell.json

@@ -37,7 +37,7 @@
       "full-page-form"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",

package/chunks/gallery-page-shell.json

@@ -43,7 +43,7 @@
       "view-toggle"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",

package/chunks/hero-section-split.json

@@ -23,7 +23,7 @@
       "cta"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",

package/chunks/icon-text-row.json

@@ -26,7 +26,7 @@
       "item"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "git-branch",

package/chunks/{image-tile.json → image-caption-tile.json}

@@ -1,5 +1,5 @@
 {
-  "name": "image-tile",
+  "name": "image-caption-tile",
   "kind": "block",
   "primary": "card-ui",
   "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
@@ -19,14 +19,23 @@
       "media",
       "gallery",
       "aspect",
-      "ratio"
+      "ratio",
+      "caption",
+      "image",
+      "with",
+      "caption",
+      "labeled",
+      "image",
+      "description",
+      "photo"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "image",
       "component": "Image",
+      "slot": "media",
       "src": "https://picsum.photos/seed/q4-prep/960/360"
     },
     {
@@ -38,6 +47,7 @@
     {
       "id": "text-2",
       "component": "Text",
+      "slot": "description",
       "color": "subtle",
       "size": "sm",
       "textContent": "confluence.internal · 6 min read"

package/chunks/image-carousel.json

@@ -23,7 +23,7 @@
       "paginated"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",

package/chunks/image-upload-preview.json

@@ -23,7 +23,7 @@
       "remove"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "avatar",