@adia-ai/a2ui-corpus 0.7.19 → 0.7.21

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"
+      ]
+    }
+  ]
+}

package/chunks/team-invite-form.json

@@ -0,0 +1,377 @@
+{
+  "name": "team-invite-form",
+  "kind": "block",
+  "primary": "form",
+  "page": "/apps/user-flow/app/registration/invite/invite.contents.html",
+  "slots": [],
+  "nested": [
+    "reg-step-header",
+    "reg-invite-form",
+    "reg-step-footer",
+    "reg-step-progress"
+  ],
+  "attrs": {
+    "data-reg-input": "",
+    "action": "/site/examples/registration/integrations",
+    "method": "get"
+  },
+  "html": "<form data-reg-input action=\"/site/examples/registration/integrations\" method=\"get\">\n        <header data-reg-heading><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form><!-- nested: reg-invite-form --></section>\n\n        <footer><!-- nested: reg-step-footer --></footer>\n      </form>",
+  "source": "apps/user-flow/app/registration/invite/invite.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Complete team-invite form — heading, repeating rows of email + role select per teammate, an add-another row button, an info alert, and a footer with two submit actions (Skip for now + Send invites). The whole form composition with header and dual-action footer. Use for 'invite form', 'add team members form', 'form with submit and skip / reset actions'.",
+    "keywords": [
+      "invite",
+      "form",
+      "team",
+      "members",
+      "email",
+      "role",
+      "multi-row",
+      "add-another",
+      "submit",
+      "skip",
+      "reset",
+      "send",
+      "invites",
+      "complete",
+      "card",
+      "heading",
+      "footer",
+      "dual-action",
+      "onboarding",
+      "full-form"
+    ],
+    "related": [
+      "reg-invite-form",
+      "invite-members",
+      "reg-step-footer"
+    ],
+    "tags": {
+      "complexity": "moderate",
+      "form": "invite"
+    }
+  },
+  "captured_at": "2026-06-10T14:28:57.979Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "Invite your teammates"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "We'll email each person a join link. Skip if you'd rather invite later."
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "invite-0-email",
+      "component": "Input",
+      "type": "email",
+      "autocomplete": "email",
+      "name": "invite[0][email]",
+      "placeholder": "alex@acme.com"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Email",
+      "children": [
+        "invite-0-email"
+      ]
+    },
+    {
+      "id": "invite-0-role",
+      "component": "ChoicePicker",
+      "name": "invite[0][role]",
+      "value": "member",
+      "options": [
+        {
+          "value": "admin",
+          "label": "Admin"
+        },
+        {
+          "value": "member",
+          "label": "Member"
+        },
+        {
+          "value": "viewer",
+          "label": "Viewer"
+        }
+      ]
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Role",
+      "children": [
+        "invite-0-role"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-reg-invite-row": "",
+      "children": [
+        "field",
+        "field-2"
+      ]
+    },
+    {
+      "id": "invite-1-email",
+      "component": "Input",
+      "type": "email",
+      "autocomplete": "email",
+      "name": "invite[1][email]",
+      "placeholder": "sam@acme.com"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "label": "Email",
+      "children": [
+        "invite-1-email"
+      ]
+    },
+    {
+      "id": "invite-1-role",
+      "component": "ChoicePicker",
+      "name": "invite[1][role]",
+      "value": "member",
+      "options": [
+        {
+          "value": "admin",
+          "label": "Admin"
+        },
+        {
+          "value": "member",
+          "label": "Member"
+        },
+        {
+          "value": "viewer",
+          "label": "Viewer"
+        }
+      ]
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "label": "Role",
+      "children": [
+        "invite-1-role"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "data-reg-invite-row": "",
+      "children": [
+        "field-3",
+        "field-4"
+      ]
+    },
+    {
+      "id": "invite-2-email",
+      "component": "Input",
+      "type": "email",
+      "autocomplete": "email",
+      "name": "invite[2][email]",
+      "placeholder": "riley@acme.com"
+    },
+    {
+      "id": "field-5",
+      "component": "Field",
+      "label": "Email",
+      "children": [
+        "invite-2-email"
+      ]
+    },
+    {
+      "id": "invite-2-role",
+      "component": "ChoicePicker",
+      "name": "invite[2][role]",
+      "value": "member",
+      "options": [
+        {
+          "value": "admin",
+          "label": "Admin"
+        },
+        {
+          "value": "member",
+          "label": "Member"
+        },
+        {
+          "value": "viewer",
+          "label": "Viewer"
+        }
+      ]
+    },
+    {
+      "id": "field-6",
+      "component": "Field",
+      "label": "Role",
+      "children": [
+        "invite-2-role"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "data-reg-invite-row": "",
+      "children": [
+        "field-5",
+        "field-6"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "button",
+      "icon": "plus",
+      "text": "Add another",
+      "variant": "ghost"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Copy a join link",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "#",
+      "text": "Copy a join link",
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "slot": "content",
+      "textContent": "Don't have everyone's email? instead.",
+      "children": [
+        "link"
+      ]
+    },
+    {
+      "id": "alert",
+      "component": "Alert",
+      "icon": "info",
+      "variant": "info",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "column",
+        "column-2",
+        "column-3",
+        "button",
+        "alert"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "column-4",
+      "component": "Column"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Back",
+      "variant": "body"
+    },
+    {
+      "id": "link-2",
+      "component": "Link",
+      "href": "/site/examples/registration/team-size",
+      "text": "Back",
+      "data-reg-back": "",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "type": "submit",
+      "text": "Skip for now",
+      "variant": "outline"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "type": "submit",
+      "text": "Send invites",
+      "variant": "primary"
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "data-reg-actions": "",
+      "children": [
+        "link-2",
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "footer-2",
+      "component": "Footer",
+      "children": [
+        "column-4",
+        "column-5"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "footer-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "FormContainer",
+      "data-reg-input": "",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}