@adia-ai/a2ui-corpus 0.6.41 → 0.6.43

package/chunks/period-comparison.json

@@ -0,0 +1,233 @@
+{
+  "name": "period-comparison",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "1 3@md",
+    "gap": "4"
+  },
+  "html": "<grid-ui columns=\"1 3@md\" gap=\"4\">\n  <card-ui>\n    <section>\n      <col-ui gap=\"1\">\n        <text-ui size=\"sm\" color=\"subtle\">Revenue</text-ui>\n        <stat-ui value=\"$48,294\" change=\"+12.4%\" trend=\"up\"></stat-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">vs last month</text-ui>\n          <text-ui size=\"sm\">$42,948</text-ui>\n        </row-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui>\n    <section>\n      <col-ui gap=\"1\">\n        <text-ui size=\"sm\" color=\"subtle\">Signups</text-ui>\n        <stat-ui value=\"2,350\" change=\"+18.2%\" trend=\"up\"></stat-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">vs last month</text-ui>\n          <text-ui size=\"sm\">1,988</text-ui>\n        </row-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n  <card-ui>\n    <section>\n      <col-ui gap=\"1\">\n        <text-ui size=\"sm\" color=\"subtle\">Churn</text-ui>\n        <stat-ui value=\"2.4%\" change=\"-0.3pp\" trend=\"up\"></stat-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <text-ui size=\"sm\" color=\"subtle\">vs last month</text-ui>\n          <text-ui size=\"sm\">2.7%</text-ui>\n        </row-ui>\n      </col-ui>\n    </section>\n  </card-ui>\n</grid-ui>",
+  "source": "apps/saas/app/admin-dashboard/admin-dashboard.contents.html",
+  "metadata": {
+    "domain": "dashboard",
+    "description": "Metric comparison cards showing this month vs last month for revenue, signups, and churn.",
+    "keywords": [
+      "period",
+      "comparison",
+      "metric",
+      "cards",
+      "this",
+      "month",
+      "last",
+      "month",
+      "revenue",
+      "signups",
+      "churn",
+      "delta",
+      "trend",
+      "comparison",
+      "period-comparison",
+      "month-over-month"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Revenue"
+    },
+    {
+      "id": "stat",
+      "component": "Stat",
+      "change": "+12.4%",
+      "trend": "up",
+      "value": "$48,294"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "vs last month"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "$42,948"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text",
+        "stat",
+        "row"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Signups"
+    },
+    {
+      "id": "stat-2",
+      "component": "Stat",
+      "change": "+18.2%",
+      "trend": "up",
+      "value": "2,350"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "vs last month"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "1,988"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-5",
+        "text-6"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-4",
+        "stat-2",
+        "row-2"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Churn"
+    },
+    {
+      "id": "stat-3",
+      "component": "Stat",
+      "change": "-0.3pp",
+      "trend": "up",
+      "value": "2.4%"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "vs last month"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "2.7%"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "text-8",
+        "text-9"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "text-7",
+        "stat-3",
+        "row-3"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "section-3"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 3@md",
+      "gap": "4",
+      "children": [
+        "card",
+        "card-2",
+        "card-3"
+      ]
+    }
+  ]
+}

package/chunks/permission-matrix-table.json

@@ -0,0 +1,432 @@
+{
+  "name": "permission-matrix-table",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/permission-matrix-table/permission-matrix-table.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>Role Permissions</h3>\n    <p slot=\"description\">Configure access rights for each role across your workspace.</p>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <grid-ui columns=\"4\" gap=\"4\">\n        <text-ui strong size=\"sm\" color=\"subtle\">Permission</text-ui>\n        <col-ui gap=\"1\" align=\"center\">\n          <badge-ui text=\"Viewer\" variant=\"muted\"></badge-ui>\n        </col-ui>\n        <col-ui gap=\"1\" align=\"center\">\n          <badge-ui text=\"Editor\" variant=\"accent\"></badge-ui>\n        </col-ui>\n        <col-ui gap=\"1\" align=\"center\">\n          <badge-ui text=\"Admin\" variant=\"danger\"></badge-ui>\n        </col-ui>\n      </grid-ui>\n      <divider-ui></divider-ui>\n      <grid-ui columns=\"4\" gap=\"4\">\n        <text-ui size=\"sm\">View content</text-ui>\n        <col-ui align=\"center\"><check-ui checked></check-ui></col-ui>\n        <col-ui align=\"center\"><check-ui checked></check-ui></col-ui>\n        <col-ui align=\"center\"><check-ui checked></check-ui></col-ui>\n      </grid-ui>\n      <grid-ui columns=\"4\" gap=\"4\">\n        <text-ui size=\"sm\">Edit content</text-ui>\n        <col-ui align=\"center\"><check-ui></check-ui></col-ui>\n        <col-ui align=\"center\"><check-ui checked></check-ui></col-ui>\n        <col-ui align=\"center\"><check-ui checked></check-ui></col-ui>\n      </grid-ui>\n      <grid-ui columns=\"4\" gap=\"4\">\n        <text-ui size=\"sm\">Invite members</text-ui>\n        <col-ui align=\"center\"><check-ui></check-ui></col-ui>\n        <col-ui align=\"center\"><check-ui></check-ui></col-ui>\n        <col-ui align=\"center\"><check-ui checked></check-ui></col-ui>\n      </grid-ui>\n      <grid-ui columns=\"4\" gap=\"4\">\n        <text-ui size=\"sm\">Manage billing</text-ui>\n        <col-ui align=\"center\"><check-ui></check-ui></col-ui>\n        <col-ui align=\"center\"><check-ui></check-ui></col-ui>\n        <col-ui align=\"center\"><check-ui checked></check-ui></col-ui>\n      </grid-ui>\n      <grid-ui columns=\"4\" gap=\"4\">\n        <text-ui size=\"sm\">Delete workspace</text-ui>\n        <col-ui align=\"center\"><check-ui></check-ui></col-ui>\n        <col-ui align=\"center\"><check-ui></check-ui></col-ui>\n        <col-ui align=\"center\"><check-ui checked></check-ui></col-ui>\n      </grid-ui>\n    </col-ui>\n  </section>\n</card-ui>",
+  "source": "catalog/ui-patterns/app/permission-matrix-table/permission-matrix-table.contents.html",
+  "metadata": {
+    "domain": "settings",
+    "description": "Permission matrix with roles as columns and resources as rows with checkboxes. Color-coded role badges with checkbox state per permission.",
+    "keywords": [
+      "permission",
+      "matrix",
+      "roles",
+      "columns",
+      "resources",
+      "rows",
+      "checkboxes",
+      "access",
+      "control",
+      "viewer",
+      "editor",
+      "admin",
+      "RBAC",
+      "authorization",
+      "permissions"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Role Permissions"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Configure access rights for each role across your workspace."
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "strong": true,
+      "textContent": "Permission"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "text": "Viewer",
+      "variant": "muted"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "align": "center",
+      "gap": "1",
+      "children": [
+        "badge"
+      ]
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "text": "Editor",
+      "variant": "accent"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "align": "center",
+      "gap": "1",
+      "children": [
+        "badge-2"
+      ]
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge",
+      "text": "Admin",
+      "variant": "danger"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "align": "center",
+      "gap": "1",
+      "children": [
+        "badge-3"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "4",
+      "gap": "4",
+      "children": [
+        "text-3",
+        "column-2",
+        "column-3",
+        "column-4"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "View content"
+    },
+    {
+      "id": "check-box",
+      "component": "CheckBox",
+      "checked": true
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box"
+      ]
+    },
+    {
+      "id": "check-box-2",
+      "component": "CheckBox",
+      "checked": true
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-2"
+      ]
+    },
+    {
+      "id": "check-box-3",
+      "component": "CheckBox",
+      "checked": true
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-3"
+      ]
+    },
+    {
+      "id": "grid-2",
+      "component": "Grid",
+      "columns": "4",
+      "gap": "4",
+      "children": [
+        "text-4",
+        "column-5",
+        "column-6",
+        "column-7"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "Edit content"
+    },
+    {
+      "id": "check-box-4",
+      "component": "CheckBox"
+    },
+    {
+      "id": "column-8",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-4"
+      ]
+    },
+    {
+      "id": "check-box-5",
+      "component": "CheckBox",
+      "checked": true
+    },
+    {
+      "id": "column-9",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-5"
+      ]
+    },
+    {
+      "id": "check-box-6",
+      "component": "CheckBox",
+      "checked": true
+    },
+    {
+      "id": "column-10",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-6"
+      ]
+    },
+    {
+      "id": "grid-3",
+      "component": "Grid",
+      "columns": "4",
+      "gap": "4",
+      "children": [
+        "text-5",
+        "column-8",
+        "column-9",
+        "column-10"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "Invite members"
+    },
+    {
+      "id": "check-box-7",
+      "component": "CheckBox"
+    },
+    {
+      "id": "column-11",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-7"
+      ]
+    },
+    {
+      "id": "check-box-8",
+      "component": "CheckBox"
+    },
+    {
+      "id": "column-12",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-8"
+      ]
+    },
+    {
+      "id": "check-box-9",
+      "component": "CheckBox",
+      "checked": true
+    },
+    {
+      "id": "column-13",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-9"
+      ]
+    },
+    {
+      "id": "grid-4",
+      "component": "Grid",
+      "columns": "4",
+      "gap": "4",
+      "children": [
+        "text-6",
+        "column-11",
+        "column-12",
+        "column-13"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "Manage billing"
+    },
+    {
+      "id": "check-box-10",
+      "component": "CheckBox"
+    },
+    {
+      "id": "column-14",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-10"
+      ]
+    },
+    {
+      "id": "check-box-11",
+      "component": "CheckBox"
+    },
+    {
+      "id": "column-15",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-11"
+      ]
+    },
+    {
+      "id": "check-box-12",
+      "component": "CheckBox",
+      "checked": true
+    },
+    {
+      "id": "column-16",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-12"
+      ]
+    },
+    {
+      "id": "grid-5",
+      "component": "Grid",
+      "columns": "4",
+      "gap": "4",
+      "children": [
+        "text-7",
+        "column-14",
+        "column-15",
+        "column-16"
+      ]
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "Delete workspace"
+    },
+    {
+      "id": "check-box-13",
+      "component": "CheckBox"
+    },
+    {
+      "id": "column-17",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-13"
+      ]
+    },
+    {
+      "id": "check-box-14",
+      "component": "CheckBox"
+    },
+    {
+      "id": "column-18",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-14"
+      ]
+    },
+    {
+      "id": "check-box-15",
+      "component": "CheckBox",
+      "checked": true
+    },
+    {
+      "id": "column-19",
+      "component": "Column",
+      "align": "center",
+      "children": [
+        "check-box-15"
+      ]
+    },
+    {
+      "id": "grid-6",
+      "component": "Grid",
+      "columns": "4",
+      "gap": "4",
+      "children": [
+        "text-8",
+        "column-17",
+        "column-18",
+        "column-19"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "grid",
+        "divider",
+        "grid-2",
+        "grid-3",
+        "grid-4",
+        "grid-5",
+        "grid-6"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/playground-a2ui.json

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