@adia-ai/a2ui-corpus 0.6.41 → 0.6.43

package/chunks/kanban-page-shell.json

@@ -40,7 +40,7 @@
       "workflow"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",
@@ -552,6 +552,7 @@
       "id": "text-15",
       "component": "Text",
       "variant": "body",
+      "slot": "heading",
       "textContent": "Task detail"
     },
     {
@@ -617,6 +618,7 @@
     {
       "id": "button-3",
       "component": "Button",
+      "slot": "action",
       "size": "sm",
       "text": "Cancel",
       "variant": "ghost"
@@ -624,6 +626,7 @@
     {
       "id": "button-4",
       "component": "Button",
+      "slot": "action",
       "size": "sm",
       "text": "Save",
       "variant": "primary"

package/chunks/{kbd-shortcuts.json → keyboard-shortcut-display.json}

@@ -1,5 +1,5 @@
 {
-  "name": "kbd-shortcuts",
+  "name": "keyboard-shortcut-display",
   "kind": "block",
   "primary": "section",
   "page": "/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
@@ -21,10 +21,19 @@
       "help",
       "cmd",
       "ctrl",
-      "quick-keys"
+      "quick-keys",
+      "keyboard",
+      "shortcut",
+      "display",
+      "kbd-ui",
+      "key",
+      "binding",
+      "hotkey",
+      "combination",
+      "command"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",

package/chunks/labeled-textarea.json

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

package/chunks/leaderboard-table.json

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

package/chunks/linked-record-row.json

@@ -28,7 +28,7 @@
       "layout": "inline"
     }
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "check-circle",

package/chunks/loading-skeleton-placeholder.json

@@ -0,0 +1,337 @@
+{
+  "name": "loading-skeleton-placeholder",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/app/loading-skeleton-placeholder/loading-skeleton-placeholder.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n  <col-ui gap=\"4\">\n    <card-ui>\n      <header>\n        <row-ui gap=\"3\" align=\"center\">\n          <skeleton-ui width=\"40px\" height=\"40px\" radius=\"full\"></skeleton-ui>\n          <col-ui gap=\"2\" style=\"flex:1\">\n            <skeleton-ui width=\"55%\" height=\"1em\"></skeleton-ui>\n            <skeleton-ui width=\"35%\" height=\"0.8em\"></skeleton-ui>\n          </col-ui>\n        </row-ui>\n      </header>\n      <section>\n        <col-ui gap=\"3\">\n          <skeleton-ui width=\"100%\" height=\"1em\"></skeleton-ui>\n          <skeleton-ui width=\"92%\" height=\"1em\"></skeleton-ui>\n          <skeleton-ui width=\"78%\" height=\"1em\"></skeleton-ui>\n        </col-ui>\n      </section>\n      <footer>\n        <row-ui gap=\"2\">\n          <skeleton-ui width=\"80px\" height=\"2em\" radius=\"md\"></skeleton-ui>\n          <skeleton-ui width=\"80px\" height=\"2em\" radius=\"md\"></skeleton-ui>\n        </row-ui>\n      </footer>\n    </card-ui>\n\n    <list-ui divider>\n      <list-item-ui>\n        <row-ui gap=\"3\" align=\"center\">\n          <skeleton-ui width=\"36px\" height=\"36px\" radius=\"full\"></skeleton-ui>\n          <col-ui gap=\"2\" style=\"flex:1\">\n            <skeleton-ui width=\"48%\" height=\"0.9em\"></skeleton-ui>\n            <skeleton-ui width=\"30%\" height=\"0.75em\"></skeleton-ui>\n          </col-ui>\n          <skeleton-ui width=\"60px\" height=\"1.5em\" radius=\"md\"></skeleton-ui>\n        </row-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <row-ui gap=\"3\" align=\"center\">\n          <skeleton-ui width=\"36px\" height=\"36px\" radius=\"full\"></skeleton-ui>\n          <col-ui gap=\"2\" style=\"flex:1\">\n            <skeleton-ui width=\"62%\" height=\"0.9em\"></skeleton-ui>\n            <skeleton-ui width=\"40%\" height=\"0.75em\"></skeleton-ui>\n          </col-ui>\n          <skeleton-ui width=\"60px\" height=\"1.5em\" radius=\"md\"></skeleton-ui>\n        </row-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <row-ui gap=\"3\" align=\"center\">\n          <skeleton-ui width=\"36px\" height=\"36px\" radius=\"full\"></skeleton-ui>\n          <col-ui gap=\"2\" style=\"flex:1\">\n            <skeleton-ui width=\"52%\" height=\"0.9em\"></skeleton-ui>\n            <skeleton-ui width=\"25%\" height=\"0.75em\"></skeleton-ui>\n          </col-ui>\n          <skeleton-ui width=\"60px\" height=\"1.5em\" radius=\"md\"></skeleton-ui>\n        </row-ui>\n      </list-item-ui>\n    </list-ui>\n  </col-ui>\n</section>",
+  "source": "catalog/ui-patterns/app/loading-skeleton-placeholder/loading-skeleton-placeholder.contents.html",
+  "metadata": {
+    "domain": "agent",
+    "description": "Loading skeleton placeholder — animated skeleton-ui elements showing content placeholders while data loads. Avatar + text line skeletons in a list layout.",
+    "keywords": [
+      "loading",
+      "skeleton",
+      "placeholder",
+      "skeleton-ui",
+      "loading",
+      "state",
+      "shimmer",
+      "pulse",
+      "animation",
+      "content",
+      "placeholder",
+      "list",
+      "rows"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "skeleton",
+      "component": "Skeleton",
+      "height": "40px",
+      "radius": "full",
+      "width": "40px"
+    },
+    {
+      "id": "skeleton-2",
+      "component": "Skeleton",
+      "height": "1em",
+      "width": "55%"
+    },
+    {
+      "id": "skeleton-3",
+      "component": "Skeleton",
+      "height": "0.8em",
+      "width": "35%"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "skeleton-2",
+        "skeleton-3"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "skeleton",
+        "column-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "skeleton-4",
+      "component": "Skeleton",
+      "height": "1em",
+      "width": "100%"
+    },
+    {
+      "id": "skeleton-5",
+      "component": "Skeleton",
+      "height": "1em",
+      "width": "92%"
+    },
+    {
+      "id": "skeleton-6",
+      "component": "Skeleton",
+      "height": "1em",
+      "width": "78%"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "skeleton-4",
+        "skeleton-5",
+        "skeleton-6"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "skeleton-7",
+      "component": "Skeleton",
+      "height": "2em",
+      "radius": "md",
+      "width": "80px"
+    },
+    {
+      "id": "skeleton-8",
+      "component": "Skeleton",
+      "height": "2em",
+      "radius": "md",
+      "width": "80px"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "skeleton-7",
+        "skeleton-8"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row-2"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    },
+    {
+      "id": "skeleton-9",
+      "component": "Skeleton",
+      "height": "36px",
+      "radius": "full",
+      "width": "36px"
+    },
+    {
+      "id": "skeleton-10",
+      "component": "Skeleton",
+      "height": "0.9em",
+      "width": "48%"
+    },
+    {
+      "id": "skeleton-11",
+      "component": "Skeleton",
+      "height": "0.75em",
+      "width": "30%"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "skeleton-10",
+        "skeleton-11"
+      ]
+    },
+    {
+      "id": "skeleton-12",
+      "component": "Skeleton",
+      "height": "1.5em",
+      "radius": "md",
+      "width": "60px"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "skeleton-9",
+        "column-4",
+        "skeleton-12"
+      ]
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "skeleton-13",
+      "component": "Skeleton",
+      "height": "36px",
+      "radius": "full",
+      "width": "36px"
+    },
+    {
+      "id": "skeleton-14",
+      "component": "Skeleton",
+      "height": "0.9em",
+      "width": "62%"
+    },
+    {
+      "id": "skeleton-15",
+      "component": "Skeleton",
+      "height": "0.75em",
+      "width": "40%"
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "skeleton-14",
+        "skeleton-15"
+      ]
+    },
+    {
+      "id": "skeleton-16",
+      "component": "Skeleton",
+      "height": "1.5em",
+      "radius": "md",
+      "width": "60px"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "skeleton-13",
+        "column-5",
+        "skeleton-16"
+      ]
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "children": [
+        "row-4"
+      ]
+    },
+    {
+      "id": "skeleton-17",
+      "component": "Skeleton",
+      "height": "36px",
+      "radius": "full",
+      "width": "36px"
+    },
+    {
+      "id": "skeleton-18",
+      "component": "Skeleton",
+      "height": "0.9em",
+      "width": "52%"
+    },
+    {
+      "id": "skeleton-19",
+      "component": "Skeleton",
+      "height": "0.75em",
+      "width": "25%"
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "skeleton-18",
+        "skeleton-19"
+      ]
+    },
+    {
+      "id": "skeleton-20",
+      "component": "Skeleton",
+      "height": "1.5em",
+      "radius": "md",
+      "width": "60px"
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "skeleton-17",
+        "column-6",
+        "skeleton-20"
+      ]
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "children": [
+        "row-5"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "divider": true,
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "card",
+        "list"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/marketing-hero-cta.json

@@ -22,7 +22,7 @@
       "buttons"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",
@@ -44,7 +44,8 @@
       "color": "subtle",
       "size": "lg",
       "text-align": "center",
-      "textContent": "Light-DOM web components + generative UI pipeline. Ship faster, iterate smarter."
+      "textContent": "Light-DOM web components + generative UI pipeline. Ship faster, iterate smarter.",
+      "children": []
     },
     {
       "id": "column-2",

package/chunks/marketing-page-shell.json

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

package/chunks/masonry-gallery.json

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

package/chunks/member-edit-drawer.json

@@ -24,17 +24,19 @@
       "settings"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",
       "component": "Text",
       "variant": "title",
+      "slot": "heading",
       "textContent": "Edit member"
     },
     {
       "id": "text-2",
       "component": "Text",
+      "slot": "description",
       "color": "subtle",
       "size": "sm",
       "textContent": "Adjust role, manager, and department. Changes save to admin → directory."
@@ -234,12 +236,14 @@
     {
       "id": "button",
       "component": "Button",
+      "slot": "action",
       "text": "Cancel",
       "variant": "ghost"
     },
     {
       "id": "button-2",
       "component": "Button",
+      "slot": "action",
       "text": "Save changes",
       "variant": "primary"
     },

package/chunks/metadata-description-list.json

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

package/chunks/{destructive-confirm-modal.json → modal-dialog-confirm.json}

@@ -1,5 +1,5 @@
 {
-  "name": "destructive-confirm-modal",
+  "name": "modal-dialog-confirm",
   "kind": "block",
   "primary": "modal-ui",
   "page": "/catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html",
@@ -9,32 +9,58 @@
   "html": "<modal-ui>\n  <header>\n    <span slot=\"icon\">\n      <avatar-ui icon=\"warning-circle\" color=\"danger\"></avatar-ui>\n    </span>\n    <span slot=\"heading\">\n      <text-ui strong>Are you sure?</text-ui>\n    </span>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <text-ui>This action cannot be undone. Type the resource name below to confirm.</text-ui>\n      <field-ui label=\"Resource name\">\n        <input-ui placeholder=\"my-resource-123\"></input-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\"></button-ui>\n      <button-ui text=\"Delete\" color=\"danger\"></button-ui>\n    </row-ui>\n  </footer>\n</modal-ui>",
   "source": "catalog/ui-patterns/app/destructive-confirm-modal/destructive-confirm-modal.contents.html",
   "metadata": {
-    "domain": "layout",
-    "description": "Modal dialog confirming a destructive action — warning heading, consequence prose, cancel + delete buttons.",
+    "domain": "overlay",
+    "description": "Destructive-action modal dialog with a confirmation form — resource-name input field, cancel and delete action buttons, warning icon, and irreversible-action prose.",
     "keywords": [
       "modal",
       "dialog",
+      "form",
       "confirm",
-      "delete",
+      "modal-ui",
+      "button-ui",
       "destructive",
+      "confirm",
+      "input",
+      "action",
+      "cancel",
+      "submit",
+      "dialog",
+      "overlay",
       "warning",
       "danger",
-      "irreversible",
-      "cancel"
+      "irreversible"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "icon": "warning-circle"
+    },
     {
       "id": "text",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Are you sure?"
     },
     {
       "id": "text-2",
       "component": "Text",
       "variant": "body",
-      "textContent": "Are you sure?"
+      "slot": "heading",
+      "children": [
+        "text-3"
+      ]
     },
     {
       "id": "header",
@@ -45,7 +71,7 @@
       ]
     },
     {
-      "id": "text-3",
+      "id": "text-4",
       "component": "Text",
       "textContent": "This action cannot be undone. Type the resource name below to confirm."
     },
@@ -67,7 +93,7 @@
       "component": "Column",
       "gap": "3",
       "children": [
-        "text-3",
+        "text-4",
         "field"
       ]
     },

package/chunks/nav-menu-icons.json

@@ -0,0 +1,75 @@
+{
+  "name": "nav-menu-icons",
+  "kind": "block",
+  "primary": "col-ui",
+  "page": "/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "gap": "1"
+  },
+  "html": "<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>",
+  "source": "catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "Navigation menu where each item has a leading icon — icon-ui paired with a label inside nav-item-ui buttons, arranged vertically in an admin sidebar for primary route navigation.",
+    "keywords": [
+      "navigation",
+      "menu",
+      "icons",
+      "nav-item-ui",
+      "icon",
+      "nav-ui",
+      "sidebar",
+      "admin",
+      "icon-leading",
+      "button-ui",
+      "ghost",
+      "icon-text",
+      "vertical",
+      "primary-nav"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "house",
+      "text": "Home",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "chart-bar",
+      "text": "Dashboard",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "icon": "users",
+      "text": "Members",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-4",
+      "component": "Button",
+      "icon": "gear",
+      "text": "Settings",
+      "variant": "ghost"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "button",
+        "button-2",
+        "button-3",
+        "button-4"
+      ]
+    }
+  ]
+}