@adia-ai/a2ui-corpus 0.7.19 → 0.7.21

package/chunks/cta-banner-centered.json

@@ -0,0 +1,102 @@
+{
+  "name": "cta-banner-centered",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/page-shells/app/marketing-page/marketing-page.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "raw": "",
+    "align": "center"
+  },
+  "html": "<card-ui raw align=\"center\">\n      <section>\n        <col-ui align=\"center\" gap=\"3\">\n          <h2>Ready to ship?</h2>\n          <text-ui color=\"subtle\">Start building in minutes</text-ui>\n          <button-ui text=\"Start free trial\" variant=\"primary\" size=\"lg\"></button-ui>\n        </col-ui>\n      </section>\n    </card-ui>",
+  "source": "catalog/page-shells/app/marketing-page/marketing-page.contents.html",
+  "metadata": {
+    "domain": "marketing",
+    "description": "Centered call-to-action banner — a borderless full-width card with a centered closing headline, a one-line supporting subtitle, and a single primary action button. The 'Ready to ship? / Get started today' conversion banner that closes a marketing or landing page.",
+    "keywords": [
+      "cta",
+      "call",
+      "to",
+      "action",
+      "banner",
+      "centered",
+      "closing",
+      "conversion",
+      "sign",
+      "up",
+      "get",
+      "started",
+      "ready",
+      "to",
+      "ship",
+      "trial",
+      "headline",
+      "subtitle",
+      "primary",
+      "button",
+      "bottom",
+      "of",
+      "page",
+      "footer",
+      "cta",
+      "marketing",
+      "landing",
+      "conversion",
+      "strip",
+      "prompt",
+      "encourage",
+      "signup",
+      "final",
+      "push"
+    ]
+  },
+  "captured_at": "2026-06-10T19:45:40.486Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "title",
+      "textContent": "Ready to ship?"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Start building in minutes"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "lg",
+      "text": "Start free trial",
+      "variant": "primary"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "align": "center",
+      "gap": "3",
+      "children": [
+        "text",
+        "text-2",
+        "button"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "raw": true,
+      "children": [
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/data-import-wizard.json

@@ -6,6 +6,7 @@
   "slots": [],
   "nested": [
     "reg-story-pane",
+    "file-upload-form",
     "reg-step-header",
     "reg-import-picker",
     "reg-step-footer",
@@ -15,7 +16,7 @@
     "data-reg": "",
     "prose": ""
   },
-  "html": "<main data-reg prose>\n      <aside data-reg-story><!-- nested: reg-story-pane --></aside>\n\n      <form data-reg-input action=\"/site/examples/registration/plan\" method=\"get\">\n        <header data-reg-heading><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form><!-- nested: reg-import-picker --></section>\n\n        <footer><!-- nested: reg-step-footer --></footer>\n      </form>\n    </main>",
+  "html": "<main data-reg prose>\n      <aside data-reg-story><!-- nested: reg-story-pane --></aside>\n\n      <form data-reg-input action=\"/site/examples/registration/plan\" method=\"get\"><!-- nested: file-upload-form --></form>\n    </main>",
   "source": "apps/user-flow/app/registration/import/import.contents.html",
   "metadata": {
     "domain": "forms",
@@ -41,7 +42,7 @@
       "onboarding"
     ]
   },
-  "captured_at": "2026-06-07T19:28:13.657Z",
+  "captured_at": "2026-06-10T14:28:57.979Z",
   "template": [
     {
       "id": "image",
@@ -357,7 +358,7 @@
       ]
     },
     {
-      "id": "form-container",
+      "id": "form-container-2",
       "component": "FormContainer",
       "data-reg-input": "",
       "children": [
@@ -366,6 +367,14 @@
         "footer"
       ]
     },
+    {
+      "id": "form-container",
+      "component": "FormContainer",
+      "data-reg-input": "",
+      "children": [
+        "form-container-2"
+      ]
+    },
     {
       "id": "root",
       "component": "Column",

package/chunks/departments-checkbox-form.json

@@ -0,0 +1,387 @@
+{
+  "name": "departments-checkbox-form",
+  "kind": "block",
+  "primary": "form",
+  "page": "/apps/user-flow/app/registration/departments/departments.contents.html",
+  "slots": [],
+  "nested": [
+    "reg-step-header",
+    "reg-departments-toggle",
+    "reg-step-footer",
+    "reg-step-progress"
+  ],
+  "attrs": {
+    "data-reg-input": "",
+    "action": "/site/examples/registration/org-review",
+    "method": "get"
+  },
+  "html": "<form data-reg-input action=\"/site/examples/registration/org-review\" method=\"get\">\n        <header data-reg-heading><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form><!-- nested: reg-departments-toggle --></section>\n\n        <footer><!-- nested: reg-step-footer --></footer>\n      </form>",
+  "source": "apps/user-flow/app/registration/departments/departments.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Complete multi-select checkbox form — heading, an info alert, a two-column grid of labelled checkboxes (some pre-checked), a divider, a custom add-row (name input + add button) with resulting tag chips, a defer checkbox, and a submit footer. The full checkbox-grid form composition with header and footer. Use for 'checkbox form', 'multi-select form', 'form with a grid of checkboxes and an add-custom row'.",
+    "keywords": [
+      "checkbox",
+      "form",
+      "multi-select",
+      "grid",
+      "departments",
+      "toggle",
+      "options",
+      "pre-checked",
+      "custom",
+      "add-row",
+      "tag",
+      "chips",
+      "divider",
+      "defer",
+      "complete",
+      "card",
+      "heading",
+      "footer",
+      "submit",
+      "continue",
+      "full-form"
+    ],
+    "related": [
+      "reg-departments-toggle",
+      "form-checkbox-group",
+      "reg-step-footer"
+    ],
+    "tags": {
+      "complexity": "moderate",
+      "form": "checkbox"
+    }
+  },
+  "captured_at": "2026-06-10T14:28:57.979Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "Set up your departments"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Pick the ones your org has today. You can rename, merge, or split these from settings later."
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "slot": "content",
+      "textContent": "Based on your team size (51–200) and use case (building a product), we pre-checked seven likely departments."
+    },
+    {
+      "id": "alert",
+      "component": "Alert",
+      "icon": "sparkle",
+      "variant": "info",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "dept-engineering",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Engineering",
+      "name": "dept[engineering]"
+    },
+    {
+      "id": "dept-product",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Product",
+      "name": "dept[product]"
+    },
+    {
+      "id": "dept-design",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Design",
+      "name": "dept[design]"
+    },
+    {
+      "id": "dept-sales",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Sales",
+      "name": "dept[sales]"
+    },
+    {
+      "id": "dept-marketing",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Marketing",
+      "name": "dept[marketing]"
+    },
+    {
+      "id": "dept-cs",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Customer Success",
+      "name": "dept[cs]"
+    },
+    {
+      "id": "dept-ops",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Operations",
+      "name": "dept[ops]"
+    },
+    {
+      "id": "dept-finance",
+      "component": "CheckBox",
+      "label": "Finance",
+      "name": "dept[finance]"
+    },
+    {
+      "id": "dept-hr",
+      "component": "CheckBox",
+      "label": "People / HR",
+      "name": "dept[hr]"
+    },
+    {
+      "id": "dept-legal",
+      "component": "CheckBox",
+      "label": "Legal",
+      "name": "dept[legal]"
+    },
+    {
+      "id": "dept-data",
+      "component": "CheckBox",
+      "label": "Data / Analytics",
+      "name": "dept[data]"
+    },
+    {
+      "id": "dept-security",
+      "component": "CheckBox",
+      "label": "Security",
+      "name": "dept[security]"
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "1 2@md",
+      "gap": "2",
+      "children": [
+        "dept-engineering",
+        "dept-product",
+        "dept-design",
+        "dept-sales",
+        "dept-marketing",
+        "dept-cs",
+        "dept-ops",
+        "dept-finance",
+        "dept-hr",
+        "dept-legal",
+        "dept-data",
+        "dept-security"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Custom departments"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Add anything specific to your org — e.g. \"Research\", \"Studio\", \"Foundry\"."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "custom-dept",
+      "component": "Input",
+      "name": "custom_dept",
+      "placeholder": "e.g. Research"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "inline": true,
+      "label": "Name",
+      "children": [
+        "custom-dept"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "button",
+      "icon": "plus",
+      "text": "Add",
+      "variant": "outline"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "end",
+      "gap": "2",
+      "children": [
+        "field",
+        "button"
+      ]
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "text": "Research"
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag",
+      "text": "Studio"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "tag",
+        "tag-2"
+      ]
+    },
+    {
+      "id": "defer",
+      "component": "CheckBox",
+      "label": "I'll do this later from admin → workspace → departments",
+      "name": "defer"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Members will land in a single \"Everyone\" group until departments are configured. You can re-bucket from the directory later.",
+      "data-reg-defer-hint": ""
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "data-reg-defer-row": "",
+      "children": [
+        "defer",
+        "text-6"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "alert",
+        "grid",
+        "divider",
+        "column",
+        "row",
+        "row-2",
+        "column-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "section-2"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Back",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "/site/examples/registration/support",
+      "text": "Back",
+      "data-reg-back": "",
+      "children": [
+        "text-7"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "type": "submit",
+      "text": "Continue",
+      "variant": "primary"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "data-reg-actions": "",
+      "children": [
+        "link",
+        "button-2"
+      ]
+    },
+    {
+      "id": "footer-2",
+      "component": "Footer",
+      "children": [
+        "column-3",
+        "column-4"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "footer-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "FormContainer",
+      "data-reg-input": "",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/drawer-record-detail.json

@@ -0,0 +1,44 @@
+{
+  "name": "drawer-record-detail",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/drawer/drawer.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "record detail drawer"
+  },
+  "html": "<button-ui text=\"View record\" icon=\"user\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <drawer-ui side=\"right\" size=\"sm\" text=\"Maya Chen\">\n        <section slot=\"body\">\n          <col-ui gap=\"4\">\n            <description-list-ui>\n              <dt>Email</dt><dd>maya@example.com</dd>\n              <dt>Role</dt><dd>Designer</dd>\n              <dt>Status</dt><dd><tag-ui size=\"sm\" variant=\"success\">Active</tag-ui></dd>\n              <dt>Joined</dt><dd>March 12, 2026</dd>\n              <dt>Last active</dt><dd>Today</dd>\n            </description-list-ui>\n          </col-ui>\n        </section>\n        <footer slot=\"footer\">\n          <row-ui gap=\"2\">\n            <button-ui text=\"Edit\" variant=\"outline\" stretch></button-ui>\n            <button-ui text=\"Remove\" variant=\"ghost\" color=\"danger\" stretch></button-ui>\n          </row-ui>\n        </footer>\n      </drawer-ui>",
+  "source": "packages/web-components/components/drawer/drawer.examples.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Record detail drawer — read-only view of a record's fields in a right-side drawer. Common for list rows that reveal detail on click.",
+    "keywords": [
+      "drawer",
+      "detail",
+      "record",
+      "view",
+      "inspect",
+      "side",
+      "panel",
+      "fields",
+      "label",
+      "value",
+      "read-only",
+      "table",
+      "list",
+      "row",
+      "click"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "root",
+      "component": "Text",
+      "textContent": "Email maya@example.com Role Designer Status Active Joined March 12, 2026 Last active Today",
+      "variant": "body"
+    }
+  ]
+}

package/chunks/drawer-with-create-form.json

@@ -0,0 +1,43 @@
+{
+  "name": "drawer-with-create-form",
+  "kind": "block",
+  "primary": "div",
+  "page": "/packages/web-components/components/drawer/drawer.examples.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-artifact-item": "",
+    "data-artifact-label": "form drawer — create"
+  },
+  "html": "<button-ui text=\"+ New project\" variant=\"outline\" size=\"sm\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <drawer-ui side=\"right\" size=\"md\" text=\"New project\">\n        <section slot=\"body\">\n          <col-ui gap=\"3\">\n            <field-ui label=\"Project name\" required>\n              <input-ui placeholder=\"My awesome project\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Description\">\n              <textarea-ui placeholder=\"Optional description…\" rows=\"3\"></textarea-ui>\n            </field-ui>\n            <field-ui label=\"Status\">\n              <select-ui value=\"active\">\n                <option value=\"active\">Active</option>\n                <option value=\"draft\">Draft</option>\n                <option value=\"archived\">Archived</option>\n              </select-ui>\n            </field-ui>\n            <check-ui label=\"Notify team members\" checked></check-ui>\n          </col-ui>\n        </section>\n        <footer slot=\"footer\">\n          <row-ui gap=\"2\" justify=\"end\">\n            <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open=false\"></button-ui>\n            <button-ui text=\"Create project\" variant=\"primary\"></button-ui>\n          </row-ui>\n        </footer>\n      </drawer-ui>",
+  "source": "packages/web-components/components/drawer/drawer.examples.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Create form drawer — drawer with labeled form fields and sticky footer Cancel/Save actions. Standard shape for '+ New X' triggers.",
+    "keywords": [
+      "drawer",
+      "form",
+      "create",
+      "new",
+      "fields",
+      "input",
+      "footer",
+      "actions",
+      "cancel",
+      "save",
+      "sticky",
+      "scrollable",
+      "side",
+      "panel"
+    ]
+  },
+  "captured_at": "2026-06-10T20:25:14.783Z",
+  "template": [
+    {
+      "id": "root",
+      "component": "Text",
+      "textContent": "Active Draft Archived",
+      "variant": "body"
+    }
+  ]
+}