@adia-ai/a2ui-corpus 0.5.0 → 0.5.1

package/chunks/image-carousel.json

@@ -0,0 +1,119 @@
+{
+  "name": "image-carousel",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <card-ui>\n      <section>\n        <col-ui gap=\"3\">\n          <text-ui color=\"subtle\" text-align=\"center\" style=\"height: 200px; display:flex; align-items:center; justify-content:center;\">[ slide 2 of 5 ]</text-ui>\n          <row-ui gap=\"2\" align=\"center\">\n            <button-ui icon=\"caret-left\" variant=\"ghost\" size=\"sm\" aria-label=\"Previous slide\"></button-ui>\n            <row-ui gap=\"1\">\n              <text-ui size=\"xs\">●</text-ui>\n              <text-ui size=\"xs\" color=\"accent\">●</text-ui>\n              <text-ui size=\"xs\">●</text-ui>\n              <text-ui size=\"xs\">●</text-ui>\n              <text-ui size=\"xs\">●</text-ui>\n            </row-ui>\n            <button-ui icon=\"caret-right\" variant=\"ghost\" size=\"sm\" aria-label=\"Next slide\"></button-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Horizontal image carousel — current slide + peek of next/prev + dot indicators + autoplay-pause control.",
+    "keywords": [
+      "carousel",
+      "slider",
+      "swiper",
+      "image-gallery",
+      "slides",
+      "photos",
+      "hero",
+      "rotator",
+      "paginated"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "[ slide 2 of 5 ]"
+    },
+    {
+      "id": "previous-slide",
+      "component": "Button"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "●"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "●"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "●"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "●"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "●"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "text-2",
+        "text-3",
+        "text-4",
+        "text-5",
+        "text-6"
+      ]
+    },
+    {
+      "id": "next-slide",
+      "component": "Button"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "previous-slide",
+        "row-2",
+        "next-slide"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "text",
+        "row"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}

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-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/image-upload-preview.json

@@ -0,0 +1,101 @@
+{
+  "name": "image-upload-preview",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <field-ui label=\"Profile picture\" hint=\"JPG or PNG, max 2MB\">\n      <col-ui gap=\"3\">\n        <row-ui gap=\"3\" align=\"center\">\n          <avatar-ui text=\"JS\" size=\"xl\"></avatar-ui>\n          <col-ui gap=\"1\">\n            <text-ui strong size=\"sm\">profile-current.jpg</text-ui>\n            <text-ui size=\"xs\" color=\"subtle\">128 × 128 · 84 KB</text-ui>\n          </col-ui>\n        </row-ui>\n        <row-ui gap=\"2\">\n          <button-ui text=\"Replace\" variant=\"outline\" size=\"sm\" icon=\"upload\"></button-ui>\n          <button-ui text=\"Remove\" variant=\"ghost\" size=\"sm\" icon=\"trash\"></button-ui>\n        </row-ui>\n      </col-ui>\n    </field-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Image upload with preview thumbnail, file metadata, and replace/remove actions.",
+    "keywords": [
+      "image",
+      "upload",
+      "preview",
+      "avatar",
+      "profile-picture",
+      "file-input",
+      "drag-drop",
+      "replace",
+      "remove"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "profile-current.jpg"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "128 × 128 · 84 KB"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "avatar",
+        "column-2"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "button-2",
+      "component": "Button"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "button",
+        "button-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "row",
+        "row-2"
+      ]
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "field"
+      ]
+    }
+  ]
+}

package/chunks/inventory-list-stock.json

@@ -25,7 +25,7 @@
       "ecommerce"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

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

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

package/chunks/kanban-page-shell.json

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

package/chunks/kbd-shortcuts.json

@@ -0,0 +1,235 @@
+{
+  "name": "kbd-shortcuts",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <card-ui>\n      <header>\n        <text-ui strong>Keyboard shortcuts</text-ui>\n      </header>\n      <section>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"4\" align=\"center\">\n            <row-ui gap=\"1\"><kbd-ui>⌘</kbd-ui><kbd-ui>K</kbd-ui></row-ui>\n            <text-ui>Open command palette</text-ui>\n          </row-ui>\n          <row-ui gap=\"4\" align=\"center\">\n            <row-ui gap=\"1\"><kbd-ui>⌘</kbd-ui><kbd-ui>/</kbd-ui></row-ui>\n            <text-ui>Toggle search</text-ui>\n          </row-ui>\n          <row-ui gap=\"4\" align=\"center\">\n            <row-ui gap=\"1\"><kbd-ui>⌘</kbd-ui><kbd-ui>N</kbd-ui></row-ui>\n            <text-ui>New document</text-ui>\n          </row-ui>\n          <row-ui gap=\"4\" align=\"center\">\n            <row-ui gap=\"1\"><kbd-ui>⌘</kbd-ui><kbd-ui>S</kbd-ui></row-ui>\n            <text-ui>Save</text-ui>\n          </row-ui>\n          <row-ui gap=\"4\" align=\"center\">\n            <row-ui gap=\"1\"><kbd-ui>Esc</kbd-ui></row-ui>\n            <text-ui>Close current pane</text-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Keyboard shortcut reference grid — each row is a key combo + description.",
+    "keywords": [
+      "keyboard",
+      "shortcuts",
+      "kbd",
+      "hotkeys",
+      "cheatsheet",
+      "reference",
+      "help",
+      "cmd",
+      "ctrl",
+      "quick-keys"
+    ]
+  },
+  "captured_at": "2026-05-13T21:56:57.777Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Keyboard shortcuts"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "kbd",
+      "component": "Kbd",
+      "textContent": "⌘"
+    },
+    {
+      "id": "kbd-2",
+      "component": "Kbd",
+      "textContent": "K"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "kbd",
+        "kbd-2"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Open command palette"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "4",
+      "children": [
+        "row-2",
+        "text-2"
+      ]
+    },
+    {
+      "id": "kbd-3",
+      "component": "Kbd",
+      "textContent": "⌘"
+    },
+    {
+      "id": "kbd-4",
+      "component": "Kbd",
+      "textContent": "/"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "kbd-3",
+        "kbd-4"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Toggle search"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "gap": "4",
+      "children": [
+        "row-4",
+        "text-3"
+      ]
+    },
+    {
+      "id": "kbd-5",
+      "component": "Kbd",
+      "textContent": "⌘"
+    },
+    {
+      "id": "kbd-6",
+      "component": "Kbd",
+      "textContent": "N"
+    },
+    {
+      "id": "row-6",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "kbd-5",
+        "kbd-6"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "New document"
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "gap": "4",
+      "children": [
+        "row-6",
+        "text-4"
+      ]
+    },
+    {
+      "id": "kbd-7",
+      "component": "Kbd",
+      "textContent": "⌘"
+    },
+    {
+      "id": "kbd-8",
+      "component": "Kbd",
+      "textContent": "S"
+    },
+    {
+      "id": "row-8",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "kbd-7",
+        "kbd-8"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Save"
+    },
+    {
+      "id": "row-7",
+      "component": "Row",
+      "gap": "4",
+      "children": [
+        "row-8",
+        "text-5"
+      ]
+    },
+    {
+      "id": "kbd-9",
+      "component": "Kbd",
+      "textContent": "Esc"
+    },
+    {
+      "id": "row-10",
+      "component": "Row",
+      "gap": "1",
+      "children": [
+        "kbd-9"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Close current pane"
+    },
+    {
+      "id": "row-9",
+      "component": "Row",
+      "gap": "4",
+      "children": [
+        "row-10",
+        "text-6"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "row",
+        "row-3",
+        "row-5",
+        "row-7",
+        "row-9"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}

package/chunks/labeled-textarea.json

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

package/chunks/leaderboard-table.json

@@ -25,7 +25,7 @@
       "winners"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/linked-record-row.json

@@ -28,7 +28,7 @@
       "layout": "inline"
     }
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "check-circle",

package/chunks/marketing-hero-cta.json

@@ -22,7 +22,7 @@
       "buttons"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/marketing-page-shell.json

@@ -39,7 +39,7 @@
       "homepage"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/masonry-gallery.json

@@ -24,7 +24,7 @@
       "lightbox"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "text",

package/chunks/member-edit-drawer.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"member-edit-drawer\" placement=\"end\" size=\"md\">\n      <header>\n        <h2 slot=\"heading\">Edit member</h2>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Adjust role, manager, and department. Changes save to admin → directory.</text-ui>\n      </header>\n      <section>\n        <field-ui label=\"Full name\">\n          <input-ui name=\"m_name\" value=\"Alex Chen\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Title\">\n          <input-ui name=\"m_title\" value=\"Senior Engineer\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Department\">\n          <select-ui name=\"m_dept\" value=\"engineering\">\n            <option value=\"engineering\" selected>Engineering</option>\n            <option value=\"product\">Product</option>\n            <option value=\"design\">Design</option>\n            <option value=\"sales\">Sales</option>\n            <option value=\"cs\">Customer Success</option>\n            <option value=\"ops\">Operations</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Reports to\">\n          <select-ui name=\"m_manager\" value=\"maya\">\n            <option value=\"jane\">Jane Doe (Founder)</option>\n            <option value=\"maya\" selected>Maya Patel (VP Engineering)</option>\n            <option value=\"riley\">Riley Park (Head of Design)</option>\n            <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n            <option value=\"\">No manager</option>\n          </select-ui>\n        </field-ui>\n        <field-ui label=\"Status\">\n          <segmented-ui name=\"m_status\" value=\"active\">\n            <segment-ui text=\"Active\" value=\"active\"></segment-ui>\n            <segment-ui text=\"Pending\" value=\"pending\"></segment-ui>\n            <segment-ui text=\"Suspended\" value=\"suspended\"></segment-ui>\n          </segmented-ui>\n        </field-ui>\n      </section>\n      <footer>\n        <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n        <button-ui slot=\"action\" text=\"Save changes\" variant=\"primary\"></button-ui>\n      </footer>\n    </drawer-ui>",
   "source": "apps/user-flow/app/registration/org-review/org-review.contents.html",
-  "captured_at": "2026-05-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/metadata-description-list.json

@@ -10,5 +10,5 @@
   },
   "html": "<description-list-ui layout=\"stacked\">\n            <dt>Period</dt>\n            <dd>2025-01-01 → 2025-12-31</dd>\n            <dt>Currency</dt>\n            <dd>USD, converted at month-end FX</dd>\n            <dt>Source</dt>\n            <dd>warehouse.finance.revenue_v4</dd>\n            <dt>Filter</dt>\n            <dd>status = \"won\", excluded internal test accounts</dd>\n            <dt>Refreshed</dt>\n            <dd>2026-04-20 09:12 UTC</dd>\n          </description-list-ui>",
   "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
-  "captured_at": "2026-05-13T20:06:48.496Z"
+  "captured_at": "2026-05-13T21:56:57.777Z"
 }

package/chunks/multi-step-wizard.json

@@ -24,7 +24,7 @@
       "form-flow"
     ]
   },
-  "captured_at": "2026-05-13T20:06:48.496Z",
+  "captured_at": "2026-05-13T21:56:57.777Z",
   "template": [
     {
       "id": "column-2",