@adia-ai/a2ui-corpus 0.7.20 → 0.7.22

package/chunks/subscription-status-renewal-card.json

@@ -0,0 +1,229 @@
+{
+  "name": "subscription-status-renewal-card",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <card-ui>\n      <header>\n        <text-ui strong>Current plan</text-ui>\n        <badge-ui text=\"Active\" variant=\"success\" size=\"sm\"></badge-ui>\n      </header>\n      <section>\n        <col-ui gap=\"4\">\n          <row-ui gap=\"3\" align=\"center\" justify=\"between\">\n            <col-ui gap=\"0\">\n              <text-ui size=\"lg\" strong>Team — Annual</text-ui>\n              <text-ui size=\"sm\" color=\"subtle\">$240 / seat / year</text-ui>\n            </col-ui>\n            <button-ui text=\"Manage plan\" variant=\"outline\" size=\"sm\"></button-ui>\n          </row-ui>\n          <description-list-ui align=\"between\">\n            <dt>Seats</dt><dd>8 of 10 used</dd>\n            <dt>Billing cycle</dt><dd>Annual</dd>\n            <dt>Next renewal</dt><dd>April 14, 2027</dd>\n            <dt>Payment method</dt><dd>Visa ending 4242</dd>\n          </description-list-ui>\n          <row-ui gap=\"2\">\n            <button-ui text=\"Change plan\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui text=\"Cancel subscription\" variant=\"ghost\" size=\"sm\" color=\"danger\"></button-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html",
+  "metadata": {
+    "domain": "billing",
+    "description": "Subscription status card — shows the current plan name and a status badge, a key-value detail list of seats, billing cycle, and next renewal date, then Manage-plan / Cancel actions. The 'your current subscription' summary panel on a billing or account-settings page.",
+    "keywords": [
+      "subscription",
+      "status",
+      "plan",
+      "current",
+      "billing",
+      "cycle",
+      "renewal",
+      "next",
+      "payment",
+      "seats",
+      "members",
+      "manage",
+      "cancel",
+      "upgrade",
+      "downgrade",
+      "account",
+      "membership",
+      "tier",
+      "active",
+      "card",
+      "billing",
+      "summary",
+      "subscription",
+      "details",
+      "renew",
+      "date",
+      "plan",
+      "name"
+    ]
+  },
+  "captured_at": "2026-06-10T19:45:40.486Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Current plan"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Active",
+      "variant": "success"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "badge"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "size": "lg",
+      "strong": true,
+      "textContent": "Team — Annual"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "$240 / seat / year"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Manage plan",
+      "variant": "outline"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "3",
+      "justify": "between",
+      "children": [
+        "column-2",
+        "button"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Seats",
+      "variant": "body"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "8 of 10 used",
+      "variant": "body"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Billing cycle",
+      "variant": "body"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Annual",
+      "variant": "body"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "Next renewal",
+      "variant": "body"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "April 14, 2027",
+      "variant": "body"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "Payment method",
+      "variant": "body"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "textContent": "Visa ending 4242",
+      "variant": "body"
+    },
+    {
+      "id": "description-list",
+      "component": "DescriptionList",
+      "align": "between",
+      "children": [
+        "text-4",
+        "text-5",
+        "text-6",
+        "text-7",
+        "text-8",
+        "text-9",
+        "text-10",
+        "text-11"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "size": "sm",
+      "text": "Change plan",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "color": "danger",
+      "size": "sm",
+      "text": "Cancel subscription",
+      "variant": "ghost"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "row",
+        "description-list",
+        "row-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}

package/chunks/table-empty-state.json

@@ -0,0 +1,116 @@
+{
+  "name": "table-empty-state",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/table/table.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "table with empty state"
+  },
+  "html": "<card-ui>\n        <section bleed>\n          <table-ui>\n            <table>\n              <thead><tr><th>Name</th><th>Status</th><th>Date</th></tr></thead>\n              <tbody>\n                <tr>\n                  <td colspan=\"3\">\n                    <empty-state-ui icon=\"list\" heading=\"No records yet\" description=\"Records will appear here once added.\">\n                      <button-ui slot=\"action\" text=\"+ Add first record\" variant=\"primary\"></button-ui>\n                    </empty-state-ui>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </table-ui>\n        </section>\n      </card-ui>",
+  "source": "packages/web-components/components/table/table.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Empty data table — table with no rows showing an empty-state-ui placeholder with icon and CTA.",
+    "keywords": [
+      "table",
+      "empty",
+      "state",
+      "no",
+      "data",
+      "placeholder",
+      "icon",
+      "cta",
+      "zero",
+      "rows",
+      "grid",
+      "list"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Name",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Status",
+      "variant": "body"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Date",
+      "variant": "body"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "action",
+      "text": "+ Add first record",
+      "variant": "primary"
+    },
+    {
+      "id": "empty-state",
+      "component": "EmptyState",
+      "description": "Records will appear here once added.",
+      "heading": "No records yet",
+      "icon": "list",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "table-2",
+      "component": "Table",
+      "children": [
+        "column-2",
+        "empty-state"
+      ]
+    },
+    {
+      "id": "table",
+      "component": "Table",
+      "children": [
+        "table-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-9"
+      ]
+    },
+    {
+      "id": "column-9",
+      "component": "Column",
+      "children": [
+        "table"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/table-toolbar-no-search.json

@@ -0,0 +1,38 @@
+{
+  "name": "table-toolbar-no-search",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/table-toolbar/table-toolbar.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "standalone toolbar — variant=card, no search"
+  },
+  "html": "<table-toolbar-ui text=\"Recent orders\" count=\"18\" variant=\"card\" no-search></table-toolbar-ui>",
+  "source": "packages/web-components/components/table-toolbar/table-toolbar.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Standalone table toolbar — title + count + filter/sort controls, no search. variant=card gives it surface chrome when it stands outside a card-ui.",
+    "keywords": [
+      "table",
+      "toolbar",
+      "filter",
+      "sort",
+      "columns",
+      "controls",
+      "no-search",
+      "standalone",
+      "card",
+      "data",
+      "grid"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "root",
+      "component": "Column"
+    }
+  ]
+}

package/chunks/table-toolbar-with-table.json

@@ -0,0 +1,231 @@
+{
+  "name": "table-toolbar-with-table",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/table-toolbar/table-toolbar.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "table with toolbar"
+  },
+  "html": "<col-ui gap=\"0\">\n        <table-toolbar-ui for=\"demo-table\" text=\"All employees\" count=\"32\" placeholder=\"Search employees…\"></table-toolbar-ui>\n        <card-ui>\n          <section bleed>\n            <table-ui id=\"demo-table\" sortable raw>\n              <table>\n                <thead><tr><th>Name</th><th>Role</th><th>Status</th></tr></thead>\n                <tbody>\n                  <tr><td>Maya Chen</td><td>Designer</td><td><tag-ui size=\"sm\" variant=\"success\">Active</tag-ui></td></tr>\n                  <tr><td>Alex Park</td><td>Engineer</td><td><tag-ui size=\"sm\" variant=\"success\">Active</tag-ui></td></tr>\n                  <tr><td>Jordan Lee</td><td>Product</td><td><tag-ui size=\"sm\" variant=\"warning\">Away</tag-ui></td></tr>\n                </tbody>\n              </table>\n            </table-ui>\n          </section>\n        </card-ui>\n      </col-ui>",
+  "source": "packages/web-components/components/table-toolbar/table-toolbar.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Data table with toolbar — table-toolbar-ui above card-wrapped table-ui. Standard data grid pattern with search, filter, sort, and column visibility.",
+    "keywords": [
+      "table",
+      "toolbar",
+      "search",
+      "filter",
+      "sort",
+      "columns",
+      "data",
+      "grid",
+      "employees",
+      "members",
+      "users",
+      "card"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "column",
+      "component": "Column"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Name",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Role",
+      "variant": "body"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Status",
+      "variant": "body"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Maya Chen",
+      "variant": "body"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Designer",
+      "variant": "body"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Active",
+      "variant": "body"
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "size": "sm",
+      "variant": "success",
+      "children": [
+        "text-6"
+      ]
+    },
+    {
+      "id": "column-8",
+      "component": "Column",
+      "children": [
+        "text-4",
+        "text-5",
+        "tag"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Alex Park",
+      "variant": "body"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "Engineer",
+      "variant": "body"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "Active",
+      "variant": "body"
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag",
+      "size": "sm",
+      "variant": "success",
+      "children": [
+        "text-9"
+      ]
+    },
+    {
+      "id": "column-12",
+      "component": "Column",
+      "children": [
+        "text-7",
+        "text-8",
+        "tag-2"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "textContent": "Jordan Lee",
+      "variant": "body"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "textContent": "Product",
+      "variant": "body"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "textContent": "Away",
+      "variant": "body"
+    },
+    {
+      "id": "tag-3",
+      "component": "Tag",
+      "size": "sm",
+      "variant": "warning",
+      "children": [
+        "text-12"
+      ]
+    },
+    {
+      "id": "column-16",
+      "component": "Column",
+      "children": [
+        "text-10",
+        "text-11",
+        "tag-3"
+      ]
+    },
+    {
+      "id": "column-7",
+      "component": "Column",
+      "children": [
+        "column-8",
+        "column-12",
+        "column-16"
+      ]
+    },
+    {
+      "id": "table",
+      "component": "Table",
+      "children": [
+        "column-3",
+        "column-7"
+      ]
+    },
+    {
+      "id": "demo-table",
+      "component": "Table",
+      "raw": true,
+      "sortable": true,
+      "children": [
+        "table"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-20"
+      ]
+    },
+    {
+      "id": "column-20",
+      "component": "Column",
+      "children": [
+        "demo-table"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "column",
+        "card"
+      ]
+    }
+  ]
+}

package/chunks/table-with-toolbar-card.json

@@ -0,0 +1,76 @@
+{
+  "name": "table-with-toolbar-card",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/table/table.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "table with toolbar in card"
+  },
+  "html": "<col-ui gap=\"0\">\n        <table-toolbar-ui for=\"compound-table\" text=\"Team members\" count=\"24\" placeholder=\"Search members…\"></table-toolbar-ui>\n        <card-ui>\n          <section bleed>\n            <!-- Hydrated by table.examples.js — inline <table> children\n                 would be foster-parented out of the custom element by the\n                 HTML parser; columns + data set via JS instead. -->\n            <table-ui id=\"compound-table\" sortable selectable></table-ui>\n          </section>\n        </card-ui>\n      </col-ui>",
+  "source": "packages/web-components/components/table/table.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Data table with toolbar in card — table-toolbar-ui above a sortable table wrapped in a card. Standard data grid pattern.",
+    "keywords": [
+      "table",
+      "toolbar",
+      "search",
+      "filter",
+      "sort",
+      "card",
+      "data",
+      "grid",
+      "employees",
+      "members",
+      "sortable",
+      "selectable"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "column",
+      "component": "Column"
+    },
+    {
+      "id": "compound-table",
+      "component": "Table",
+      "selectable": true,
+      "sortable": true
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "bleed": true,
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "compound-table"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "column",
+        "card"
+      ]
+    }
+  ]
+}