@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

package/chunks/social-media-post-card.json

@@ -0,0 +1,182 @@
+{
+  "name": "social-media-post-card",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/social-media-post-card/social-media-post-card.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\" justify=\"space-between\">\n      <row-ui gap=\"3\" align=\"center\">\n        <avatar-ui text=\"Maya Rivera\" size=\"md\"></avatar-ui>\n        <col-ui gap=\"0\">\n          <text-ui weight=\"semibold\">Maya Rivera</text-ui>\n          <text-ui size=\"sm\" color=\"subtle\">@mayarivera</text-ui>\n        </col-ui>\n      </row-ui>\n      <text-ui size=\"sm\" color=\"subtle\">2h ago</text-ui>\n    </row-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <text-ui>Just shipped a redesigned onboarding flow using AdiaUI primitives. The generative UI pipeline turned a 2-day project into a 2-hour one. Absolutely wild what's possible now. 🚀</text-ui>\n      <image-ui\n        src=\"https://picsum.photos/seed/post42/800/450\"\n        alt=\"Screenshot of the redesigned onboarding flow\"\n        fit=\"cover\"\n        raw\n        style=\"border-radius:var(--a-radius-md)\"></image-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"4\" align=\"center\">\n      <button-ui variant=\"ghost\" icon=\"heart\" size=\"sm\" aria-label=\"Like\" text=\"214\"></button-ui>\n      <button-ui variant=\"ghost\" icon=\"chat\" size=\"sm\" aria-label=\"Comment\" text=\"38\"></button-ui>\n      <button-ui variant=\"ghost\" icon=\"share\" size=\"sm\" aria-label=\"Share\" text=\"12\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "source": "catalog/ui-patterns/app/social-media-post-card/social-media-post-card.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Social media post card — feed item with avatar, user name, handle, timestamp, post text, optional photo, and engagement actions (likes, comments, share).",
+    "keywords": [
+      "social",
+      "media",
+      "post",
+      "card",
+      "feed",
+      "avatar",
+      "user",
+      "name",
+      "timestamp",
+      "like",
+      "comment",
+      "share",
+      "engagement",
+      "card-ui",
+      "avatar-ui",
+      "image-ui"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "size": "md",
+      "text": "Maya Rivera"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Maya Rivera"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "@mayarivera"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "avatar",
+        "column"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "2h ago"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "justify": "space-between",
+      "children": [
+        "row-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Just shipped a redesigned onboarding flow using AdiaUI primitives. The generative UI pipeline turned a 2-day project into a 2-hour one. Absolutely wild what's possible now. 🚀"
+    },
+    {
+      "id": "image",
+      "component": "Image",
+      "alt": "Screenshot of the redesigned onboarding flow",
+      "fit": "cover",
+      "raw": true,
+      "src": "https://picsum.photos/seed/post42/800/450"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "text-4",
+        "image"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "like",
+      "component": "Button",
+      "aria-label": "Like",
+      "icon": "heart",
+      "size": "sm",
+      "text": "214",
+      "variant": "ghost"
+    },
+    {
+      "id": "comment",
+      "component": "Button",
+      "aria-label": "Comment",
+      "icon": "chat",
+      "size": "sm",
+      "text": "38",
+      "variant": "ghost"
+    },
+    {
+      "id": "share",
+      "component": "Button",
+      "aria-label": "Share",
+      "icon": "share",
+      "size": "sm",
+      "text": "12",
+      "variant": "ghost"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "4",
+      "children": [
+        "like",
+        "comment",
+        "share"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/sortable-search-paginate-table.json

@@ -0,0 +1,113 @@
+{
+  "name": "sortable-search-paginate-table",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/sortable-search-table/sortable-search-table.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <text-ui slot=\"heading\" strong>Team Members</text-ui>\n    <span slot=\"action\">\n      <button-ui text=\"Export CSV\" variant=\"outline\" size=\"sm\" icon-leading=\"download\"></button-ui>\n    </span>\n  </header>\n  <section bleed>\n    <!-- table-ui: sortable=column click-to-sort, search=global filter, paginate=N rows per page -->\n    <table-ui id=\"team-table\" sortable search=\" \" paginate=\"10\">\n      <col-def key=\"name\" label=\"Name\" type=\"avatar\"></col-def>\n      <col-def key=\"email\" label=\"Email\" type=\"link\"></col-def>\n      <col-def key=\"role\" label=\"Role\"></col-def>\n      <col-def key=\"status\" label=\"Status\" type=\"badge\"></col-def>\n      <col-def key=\"joined\" label=\"Joined\" type=\"date\"></col-def>\n    </table-ui>\n  </section>\n</card-ui>",
+  "source": "catalog/ui-patterns/app/sortable-search-table/sortable-search-table.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Data table with sortable columns, search filter, and pagination — table-ui with col-def children declaring Name, Email, Status (badge), and date columns. Full interactive data table pattern.",
+    "keywords": [
+      "data",
+      "table",
+      "sortable",
+      "columns",
+      "search",
+      "pagination",
+      "table-ui",
+      "col-def",
+      "sortable",
+      "search",
+      "paginate",
+      "filter",
+      "rows",
+      "columns",
+      "header",
+      "data-table",
+      "interactive"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Team Members"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "col-def",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-2",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-3",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-4",
+      "component": "ColDef"
+    },
+    {
+      "id": "col-def-5",
+      "component": "ColDef"
+    },
+    {
+      "id": "team-table",
+      "component": "Table",
+      "paginate": 10,
+      "search": " ",
+      "sortable": true,
+      "children": [
+        "col-def",
+        "col-def-2",
+        "col-def-3",
+        "col-def-4",
+        "col-def-5"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "team-table"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/{editor-preview-pane.json → split-pane-editor-preview.json}

@@ -1,5 +1,5 @@
 {
-  "name": "editor-preview-pane",
+  "name": "split-pane-editor-preview",
   "kind": "block",
   "primary": "section",
   "page": "/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html",
@@ -19,10 +19,18 @@
       "output",
       "live-preview",
       "iframe",
-      "split-pane"
+      "split-pane",
+      "split",
+      "pane",
+      "two-column",
+      "aside",
+      "content",
+      "editor",
+      "preview",
+      "split-view"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",

package/chunks/{dashboard-kpi-grid.json → stat-cards-kpi-dashboard.json}

@@ -1,5 +1,5 @@
 {
-  "name": "dashboard-kpi-grid",
+  "name": "stat-cards-kpi-dashboard",
   "kind": "block",
   "primary": "grid-ui",
   "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
@@ -13,22 +13,34 @@
   "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
   "metadata": {
     "domain": "data",
-    "description": "4-column KPI metric grid — each card shows a stat label, large value, and delta indicator.",
+    "description": "KPI stat cards dashboard — grid of stat-ui cards each showing a label, large numeric value, trend delta (up/down), and icon. Revenue, subscriptions, sales, and active-user metrics.",
     "keywords": [
+      "stat",
+      "cards",
       "kpi",
+      "dashboard",
+      "stat-ui",
+      "revenue",
+      "users",
+      "growth",
       "metrics",
-      "stats",
       "grid",
-      "dashboard",
-      "cards",
+      "trend",
+      "delta",
+      "change",
+      "value",
+      "label",
+      "icon",
+      "currency",
+      "sales",
+      "active",
+      "subscriptions",
+      "kpi-grid",
       "numbers",
-      "metric-tiles",
-      "overview",
-      "responsive",
-      "breakpoint"
+      "business-metrics"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "stat",

package/chunks/status-dashboard.json

@@ -0,0 +1,240 @@
+{
+  "name": "status-dashboard",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>System status</h3>\n    <badge-ui text=\"All systems operational\" variant=\"success\"></badge-ui>\n  </header>\n  <section>\n    <col-ui gap=\"2\">\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <text-ui grow>API</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">99.98% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <text-ui grow>Web App</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">100% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"warning\" color=\"warning\" size=\"sm\"></icon-ui>\n        <text-ui grow>Webhooks</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">98.2% uptime</text-ui>\n        <badge-ui text=\"Degraded\" variant=\"warning\" size=\"sm\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"3\" align=\"center\">\n        <icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui>\n        <text-ui grow>Storage</text-ui>\n        <text-ui size=\"sm\" color=\"subtle\">99.99% uptime</text-ui>\n        <badge-ui text=\"Operational\" variant=\"success\" size=\"sm\"></badge-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <text-ui size=\"sm\" color=\"subtle\">Last incident: 3 days ago · <link-ui href=\"#\" text=\"View history\"></link-ui></text-ui>\n  </footer>\n</card-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "System status page with service health rows, uptime percentage, and incident history.",
+    "keywords": [
+      "system",
+      "status",
+      "service",
+      "health",
+      "uptime",
+      "percentage",
+      "incident",
+      "history",
+      "status-dashboard",
+      "operational",
+      "degraded"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "System status"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "text": "All systems operational",
+      "variant": "success"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "badge"
+      ]
+    },
+    {
+      "id": "check-circle",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "API"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "99.98% uptime"
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Operational",
+      "variant": "success"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "check-circle",
+        "text-2",
+        "text-3",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "icon",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Web App"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "100% uptime"
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Operational",
+      "variant": "success"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "icon",
+        "text-4",
+        "text-5",
+        "badge-3"
+      ]
+    },
+    {
+      "id": "warning",
+      "component": "Icon",
+      "name": "warning",
+      "size": "sm"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Webhooks"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "98.2% uptime"
+    },
+    {
+      "id": "badge-4",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Degraded",
+      "variant": "warning"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "warning",
+        "text-6",
+        "text-7",
+        "badge-4"
+      ]
+    },
+    {
+      "id": "icon-2",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "Storage"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "99.99% uptime"
+    },
+    {
+      "id": "badge-5",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Operational",
+      "variant": "success"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "icon-2",
+        "text-8",
+        "text-9",
+        "badge-5"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "row",
+        "row-2",
+        "row-3",
+        "row-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Last incident: 3 days ago ·"
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "text-10"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}