@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

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

@@ -4,29 +4,35 @@
   "primary": "grid-ui",
   "page": "/catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
   "slots": [],
-  "nested": [
-    "text-card"
-  ],
+  "nested": [],
   "attrs": {
     "columns": "3",
     "gap": "4"
   },
-  "html": "<grid-ui columns=\"3\" gap=\"4\" style=\"min-width: 48rem\">\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">To Do</text-ui>\n        <badge-ui text=\"3\" variant=\"muted\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui><!-- nested: text-card --></card-ui>\n        <card-ui><section><text-ui>Component audit</text-ui></section></card-ui>\n        <card-ui><section><text-ui>Accessibility review</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">In Progress</text-ui>\n        <badge-ui text=\"2\" variant=\"accent\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui><section><text-ui>Dark mode palette</text-ui></section></card-ui>\n        <card-ui><section><text-ui>Button variants</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui raw>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">Done</text-ui>\n        <badge-ui text=\"5\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui><section><text-ui>Typography scale</text-ui></section></card-ui>\n        <card-ui><section><text-ui>Spacing tokens</text-ui></section></card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n</grid-ui>",
+  "html": "<grid-ui columns=\"3\" gap=\"4\" style=\"min-width: 48rem\">\n  <!-- TO DO column -->\n  <card-ui>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">To Do</text-ui>\n        <badge-ui text=\"3\" variant=\"muted\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui>\n          <section>\n            <col-ui gap=\"2\">\n              <row-ui gap=\"2\" align=\"center\">\n                <badge-ui text=\"High\" variant=\"danger\" size=\"sm\"></badge-ui>\n                <tag-ui text=\"Design\"></tag-ui>\n              </row-ui>\n              <text-ui strong>Design system tokens audit</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"Jane Doe\" size=\"xs\"></avatar-ui>\n                <text-ui size=\"sm\" color=\"subtle\">Jane Doe</text-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <section>\n            <col-ui gap=\"2\">\n              <row-ui gap=\"2\" align=\"center\">\n                <badge-ui text=\"Medium\" variant=\"warning\" size=\"sm\"></badge-ui>\n                <tag-ui text=\"Engineering\"></tag-ui>\n              </row-ui>\n              <text-ui strong>Component accessibility review</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"Alex Chen\" size=\"xs\"></avatar-ui>\n                <text-ui size=\"sm\" color=\"subtle\">Alex Chen</text-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <section>\n            <col-ui gap=\"2\">\n              <row-ui gap=\"2\" align=\"center\">\n                <badge-ui text=\"Low\" variant=\"muted\" size=\"sm\"></badge-ui>\n              </row-ui>\n              <text-ui strong>Update changelog feed</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"Sarah Park\" size=\"xs\"></avatar-ui>\n                <text-ui size=\"sm\" color=\"subtle\">Sarah Park</text-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <!-- IN PROGRESS column -->\n  <card-ui>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">In Progress</text-ui>\n        <badge-ui text=\"2\" variant=\"accent\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui>\n          <section>\n            <col-ui gap=\"2\">\n              <row-ui gap=\"2\" align=\"center\">\n                <badge-ui text=\"High\" variant=\"danger\" size=\"sm\"></badge-ui>\n                <tag-ui text=\"Design\"></tag-ui>\n              </row-ui>\n              <text-ui strong>Dark mode token palette</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"Jane Doe\" size=\"xs\"></avatar-ui>\n                <text-ui size=\"sm\" color=\"subtle\">Jane Doe</text-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <section>\n            <col-ui gap=\"2\">\n              <row-ui gap=\"2\" align=\"center\">\n                <badge-ui text=\"Medium\" variant=\"warning\" size=\"sm\"></badge-ui>\n                <tag-ui text=\"Engineering\"></tag-ui>\n              </row-ui>\n              <text-ui strong>Button variant states</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"Marco Ruiz\" size=\"xs\"></avatar-ui>\n                <text-ui size=\"sm\" color=\"subtle\">Marco Ruiz</text-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <!-- DONE column -->\n  <card-ui>\n    <header>\n      <row-ui gap=\"2\" align=\"center\">\n        <text-ui weight=\"semibold\">Done</text-ui>\n        <badge-ui text=\"5\" variant=\"success\"></badge-ui>\n      </row-ui>\n    </header>\n    <section>\n      <col-ui gap=\"2\">\n        <card-ui>\n          <section>\n            <col-ui gap=\"2\">\n              <row-ui gap=\"2\" align=\"center\">\n                <badge-ui text=\"Done\" variant=\"success\" size=\"sm\"></badge-ui>\n                <tag-ui text=\"Design\"></tag-ui>\n              </row-ui>\n              <text-ui strong>Typography scale</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"Jane Doe\" size=\"xs\"></avatar-ui>\n                <text-ui size=\"sm\" color=\"subtle\">Jane Doe</text-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <section>\n            <col-ui gap=\"2\">\n              <row-ui gap=\"2\" align=\"center\">\n                <badge-ui text=\"Done\" variant=\"success\" size=\"sm\"></badge-ui>\n                <tag-ui text=\"Engineering\"></tag-ui>\n              </row-ui>\n              <text-ui strong>Spacing token system</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"Alex Chen\" size=\"xs\"></avatar-ui>\n                <text-ui size=\"sm\" color=\"subtle\">Alex Chen</text-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n</grid-ui>",
   "source": "catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
   "metadata": {
     "domain": "layout",
-    "description": "3-column kanban board with task cards (To do / In progress / Done columns).",
+    "description": "Kanban board with todo, in progress, and done columns. Task cards with title, assignee avatar, priority badge, and label tag.",
     "keywords": [
       "kanban",
       "board",
+      "todo",
+      "in-progress",
+      "done",
       "columns",
       "tasks",
       "project-management",
-      "tickets",
-      "workflow"
+      "cards",
+      "assignee",
+      "priority",
+      "label",
+      "workflow",
+      "drag-drop",
+      "sprint"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",
@@ -37,7 +43,6 @@
     {
       "id": "badge",
       "component": "Badge",
-      "size": "sm",
       "text": "3",
       "variant": "muted"
     },
@@ -58,37 +63,140 @@
         "row"
       ]
     },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "size": "sm",
+      "text": "High",
+      "variant": "danger"
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "text": "Design"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "badge-2",
+        "tag"
+      ]
+    },
     {
       "id": "text-2",
       "component": "Text",
-      "textContent": "Design system tokens"
+      "strong": true,
+      "textContent": "Design system tokens audit"
     },
     {
-      "id": "section-2",
-      "component": "Section",
+      "id": "avatar",
+      "component": "Avatar",
+      "size": "xs",
+      "text": "Jane Doe"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Jane Doe"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
       "children": [
-        "column-2"
+        "avatar",
+        "text-3"
       ]
     },
     {
       "id": "column-2",
       "component": "Column",
+      "gap": "2",
       "children": [
-        "text-2"
+        "row-2",
+        "text-2",
+        "row-3"
       ]
     },
     {
-      "id": "card-3",
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card-2",
       "component": "Card",
       "children": [
         "section-2"
       ]
     },
+    {
+      "id": "badge-3",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Medium",
+      "variant": "warning"
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag",
+      "text": "Engineering"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "badge-3",
+        "tag-2"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Component accessibility review"
+    },
+    {
+      "id": "avatar-2",
+      "component": "Avatar",
+      "size": "xs",
+      "text": "Alex Chen"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Alex Chen"
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "avatar-2",
+        "text-5"
+      ]
+    },
     {
       "id": "column-3",
       "component": "Column",
+      "gap": "2",
       "children": [
-        "card-3"
+        "row-4",
+        "text-4",
+        "row-5"
       ]
     },
     {
@@ -99,62 +207,79 @@
       ]
     },
     {
-      "id": "card-2",
+      "id": "card-3",
       "component": "Card",
       "children": [
         "section-3"
       ]
     },
     {
-      "id": "text-3",
-      "component": "Text",
-      "textContent": "Component audit"
+      "id": "badge-4",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Low",
+      "variant": "muted"
     },
     {
-      "id": "section-4",
-      "component": "Section",
+      "id": "row-6",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
       "children": [
-        "column-4"
+        "badge-4"
       ]
     },
     {
-      "id": "column-4",
-      "component": "Column",
-      "children": [
-        "text-3"
-      ]
+      "id": "text-6",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Update changelog feed"
     },
     {
-      "id": "card-4",
-      "component": "Card",
-      "children": [
-        "section-4"
-      ]
+      "id": "avatar-3",
+      "component": "Avatar",
+      "size": "xs",
+      "text": "Sarah Park"
     },
     {
-      "id": "text-4",
+      "id": "text-7",
       "component": "Text",
-      "textContent": "Accessibility review"
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Sarah Park"
     },
     {
-      "id": "section-5",
-      "component": "Section",
+      "id": "row-7",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
       "children": [
-        "column-5"
+        "avatar-3",
+        "text-7"
       ]
     },
     {
-      "id": "column-5",
+      "id": "column-4",
       "component": "Column",
+      "gap": "2",
       "children": [
-        "text-4"
+        "row-6",
+        "text-6",
+        "row-7"
       ]
     },
     {
-      "id": "card-5",
+      "id": "section-4",
+      "component": "Section",
+      "children": [
+        "column-4"
+      ]
+    },
+    {
+      "id": "card-4",
       "component": "Card",
       "children": [
-        "section-5"
+        "section-4"
       ]
     },
     {
@@ -163,8 +288,8 @@
       "gap": "2",
       "children": [
         "card-2",
-        "card-4",
-        "card-5"
+        "card-3",
+        "card-4"
       ]
     },
     {
@@ -177,224 +302,415 @@
     {
       "id": "card",
       "component": "Card",
-      "raw": true,
       "children": [
         "header",
         "section"
       ]
     },
     {
-      "id": "text-5",
+      "id": "text-8",
       "component": "Text",
       "weight": "semibold",
       "textContent": "In Progress"
     },
     {
-      "id": "badge-2",
+      "id": "badge-5",
       "component": "Badge",
-      "size": "sm",
       "text": "2",
       "variant": "accent"
     },
     {
-      "id": "row-2",
+      "id": "row-8",
       "component": "Row",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-5",
-        "badge-2"
+        "text-8",
+        "badge-5"
       ]
     },
     {
       "id": "header-2",
       "component": "Header",
       "children": [
-        "row-2"
+        "row-8"
       ]
     },
     {
-      "id": "text-6",
+      "id": "badge-6",
+      "component": "Badge",
+      "size": "sm",
+      "text": "High",
+      "variant": "danger"
+    },
+    {
+      "id": "tag-3",
+      "component": "Tag",
+      "text": "Design"
+    },
+    {
+      "id": "row-9",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "badge-6",
+        "tag-3"
+      ]
+    },
+    {
+      "id": "text-9",
       "component": "Text",
-      "textContent": "Dark mode palette"
+      "strong": true,
+      "textContent": "Dark mode token palette"
     },
     {
-      "id": "section-7",
-      "component": "Section",
+      "id": "avatar-4",
+      "component": "Avatar",
+      "size": "xs",
+      "text": "Jane Doe"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Jane Doe"
+    },
+    {
+      "id": "row-10",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
       "children": [
-        "column-7"
+        "avatar-4",
+        "text-10"
       ]
     },
     {
-      "id": "column-7",
+      "id": "column-6",
       "component": "Column",
+      "gap": "2",
       "children": [
-        "text-6"
+        "row-9",
+        "text-9",
+        "row-10"
       ]
     },
     {
-      "id": "card-7",
+      "id": "section-6",
+      "component": "Section",
+      "children": [
+        "column-6"
+      ]
+    },
+    {
+      "id": "card-6",
       "component": "Card",
       "children": [
-        "section-7"
+        "section-6"
       ]
     },
     {
-      "id": "text-7",
+      "id": "badge-7",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Medium",
+      "variant": "warning"
+    },
+    {
+      "id": "tag-4",
+      "component": "Tag",
+      "text": "Engineering"
+    },
+    {
+      "id": "row-11",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "badge-7",
+        "tag-4"
+      ]
+    },
+    {
+      "id": "text-11",
       "component": "Text",
-      "textContent": "Button variants"
+      "strong": true,
+      "textContent": "Button variant states"
     },
     {
-      "id": "section-8",
-      "component": "Section",
+      "id": "avatar-5",
+      "component": "Avatar",
+      "size": "xs",
+      "text": "Marco Ruiz"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Marco Ruiz"
+    },
+    {
+      "id": "row-12",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
       "children": [
-        "column-8"
+        "avatar-5",
+        "text-12"
       ]
     },
     {
-      "id": "column-8",
+      "id": "column-7",
       "component": "Column",
+      "gap": "2",
       "children": [
-        "text-7"
+        "row-11",
+        "text-11",
+        "row-12"
       ]
     },
     {
-      "id": "card-8",
+      "id": "section-7",
+      "component": "Section",
+      "children": [
+        "column-7"
+      ]
+    },
+    {
+      "id": "card-7",
       "component": "Card",
       "children": [
-        "section-8"
+        "section-7"
       ]
     },
     {
-      "id": "column-6",
+      "id": "column-5",
       "component": "Column",
       "gap": "2",
       "children": [
-        "card-7",
-        "card-8"
+        "card-6",
+        "card-7"
       ]
     },
     {
-      "id": "section-6",
+      "id": "section-5",
       "component": "Section",
       "children": [
-        "column-6"
+        "column-5"
       ]
     },
     {
-      "id": "card-6",
+      "id": "card-5",
       "component": "Card",
-      "raw": true,
       "children": [
         "header-2",
-        "section-6"
+        "section-5"
       ]
     },
     {
-      "id": "text-8",
+      "id": "text-13",
       "component": "Text",
       "weight": "semibold",
       "textContent": "Done"
     },
     {
-      "id": "badge-3",
+      "id": "badge-8",
       "component": "Badge",
-      "size": "sm",
       "text": "5",
       "variant": "success"
     },
     {
-      "id": "row-3",
+      "id": "row-13",
       "component": "Row",
       "align": "center",
       "gap": "2",
       "children": [
-        "text-8",
-        "badge-3"
+        "text-13",
+        "badge-8"
       ]
     },
     {
       "id": "header-3",
       "component": "Header",
       "children": [
-        "row-3"
+        "row-13"
       ]
     },
     {
-      "id": "text-9",
+      "id": "badge-9",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Done",
+      "variant": "success"
+    },
+    {
+      "id": "tag-5",
+      "component": "Tag",
+      "text": "Design"
+    },
+    {
+      "id": "row-14",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "badge-9",
+        "tag-5"
+      ]
+    },
+    {
+      "id": "text-14",
       "component": "Text",
+      "strong": true,
       "textContent": "Typography scale"
     },
     {
-      "id": "section-10",
-      "component": "Section",
+      "id": "avatar-6",
+      "component": "Avatar",
+      "size": "xs",
+      "text": "Jane Doe"
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Jane Doe"
+    },
+    {
+      "id": "row-15",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
       "children": [
-        "column-10"
+        "avatar-6",
+        "text-15"
       ]
     },
     {
-      "id": "column-10",
+      "id": "column-9",
       "component": "Column",
+      "gap": "2",
       "children": [
-        "text-9"
+        "row-14",
+        "text-14",
+        "row-15"
       ]
     },
     {
-      "id": "card-10",
+      "id": "section-9",
+      "component": "Section",
+      "children": [
+        "column-9"
+      ]
+    },
+    {
+      "id": "card-9",
       "component": "Card",
       "children": [
-        "section-10"
+        "section-9"
       ]
     },
     {
-      "id": "text-10",
+      "id": "badge-10",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Done",
+      "variant": "success"
+    },
+    {
+      "id": "tag-6",
+      "component": "Tag",
+      "text": "Engineering"
+    },
+    {
+      "id": "row-16",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "badge-10",
+        "tag-6"
+      ]
+    },
+    {
+      "id": "text-16",
       "component": "Text",
-      "textContent": "Spacing tokens"
+      "strong": true,
+      "textContent": "Spacing token system"
     },
     {
-      "id": "section-11",
-      "component": "Section",
+      "id": "avatar-7",
+      "component": "Avatar",
+      "size": "xs",
+      "text": "Alex Chen"
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Alex Chen"
+    },
+    {
+      "id": "row-17",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
       "children": [
-        "column-11"
+        "avatar-7",
+        "text-17"
       ]
     },
     {
-      "id": "column-11",
+      "id": "column-10",
       "component": "Column",
+      "gap": "2",
       "children": [
-        "text-10"
+        "row-16",
+        "text-16",
+        "row-17"
+      ]
+    },
+    {
+      "id": "section-10",
+      "component": "Section",
+      "children": [
+        "column-10"
       ]
     },
     {
-      "id": "card-11",
+      "id": "card-10",
       "component": "Card",
       "children": [
-        "section-11"
+        "section-10"
       ]
     },
     {
-      "id": "column-9",
+      "id": "column-8",
       "component": "Column",
       "gap": "2",
       "children": [
-        "card-10",
-        "card-11"
+        "card-9",
+        "card-10"
       ]
     },
     {
-      "id": "section-9",
+      "id": "section-8",
       "component": "Section",
       "children": [
-        "column-9"
+        "column-8"
       ]
     },
     {
-      "id": "card-9",
+      "id": "card-8",
       "component": "Card",
-      "raw": true,
       "children": [
         "header-3",
-        "section-9"
+        "section-8"
       ]
     },
     {
@@ -404,8 +720,8 @@
       "gap": "4",
       "children": [
         "card",
-        "card-6",
-        "card-9"
+        "card-5",
+        "card-8"
       ]
     }
   ]