@adia-ai/a2ui-corpus 0.4.9 → 0.5.0

package/chunks/reg-success-summary.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <col-ui gap=\"3\">\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"user-plus\"></avatar-ui></span>\n                <span slot=\"heading\"><text-ui strong>Invite more teammates</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Three invites are out — add more from the workspace settings.</text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Invite\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"squares-four\"></avatar-ui></span>\n                <span slot=\"heading\"><text-ui strong>Browse templates</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">Pre-built dashboards, plans, and trackers — start from a template.</text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Browse\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n              </header>\n            </card-ui>\n            <card-ui>\n              <header>\n                <span slot=\"icon\"><avatar-ui icon=\"book-open\"></avatar-ui></span>\n                <span slot=\"heading\"><text-ui strong>Read the docs</text-ui></span>\n                <span slot=\"description\">\n                  <text-ui color=\"subtle\" size=\"sm\">15 minutes to get fluent — keyboard shortcuts, sharing, and search.</text-ui>\n                </span>\n                <button-ui slot=\"action\" text=\"Open docs\" variant=\"ghost\" icon=\"arrow-right\" icon-position=\"end\"></button-ui>\n              </header>\n            </card-ui>\n          </col-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/confirmation/confirmation.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z"
 }

package/chunks/reg-team-size.json

@@ -10,5 +10,5 @@
   },
   "html": "<section data-reg-form>\n          <field-ui inline label=\"Team Size\">\n            <segmented-ui name=\"team-size\" value=\"2-10\">\n              <segment-ui text=\"2–10\" value=\"2-10\"></segment-ui>\n              <segment-ui text=\"11–50\" value=\"11-50\"></segment-ui>\n              <segment-ui text=\"50+\" value=\"20+\"></segment-ui>\n            </segmented-ui>\n          </field-ui>\n          <field-ui inline label=\"Industry\" hint=\"Optional. Helps us recommend relevant templates.\">\n            <select-ui name=\"industry\">\n              <option value=\"\">Choose…</option>\n              <option value=\"software\">Software · SaaS</option>\n              <option value=\"design\">Design · Creative</option>\n              <option value=\"marketing\">Marketing · Growth</option>\n              <option value=\"ecommerce\">E-commerce · Retail</option>\n              <option value=\"finance\">Finance · Fintech</option>\n              <option value=\"education\">Education · Research</option>\n              <option value=\"healthcare\">Healthcare · Biotech</option>\n              <option value=\"other\">Something else</option>\n            </select-ui>\n          </field-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/team-size/team-size.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z"
 }

package/chunks/reg-usecase-picker.json

@@ -12,5 +12,5 @@
   },
   "html": "<section data-reg-form role=\"radiogroup\" aria-label=\"Use case\">\n          <col-ui gap=\"2\">\n            <option-card-ui\n              name=\"use-case\"\n              value=\"build\"\n              checked\n              heading=\"I'm building a product\"\n              description=\"Spinning up a new project — design, ship, iterate.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"use-case\"\n              value=\"explore\"\n              heading=\"I'm exploring the product\"\n              description=\"Kicking the tires before bringing a team along.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"use-case\"\n              value=\"migrate\"\n              heading=\"I'm migrating from another tool\"\n              description=\"Moving an existing workspace and want a smooth port.\"\n            ></option-card-ui>\n            <option-card-ui\n              name=\"use-case\"\n              value=\"evaluate\"\n              heading=\"I'm evaluating for my team\"\n              description=\"Comparing options and want to dig into specifics.\"\n            ></option-card-ui>\n            <option-card-ui name=\"use-case\" value=\"other\" heading=\"Something else\" description=\"Tell us more — we read every response.\">\n              <textarea-ui name=\"use-case-detail\" placeholder=\"What brings you to AdiaUI?\" rows=\"3\"></textarea-ui>\n            </option-card-ui>\n          </col-ui>\n        </section>",
   "source": "apps/user-flow/app/registration/use-case/use-case.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z"
 }

package/chunks/reg-workspace-name.json

@@ -14,7 +14,125 @@
     "action": "/site/examples/registration/profile",
     "method": "get"
   },
-  "html": "<form data-reg-input action=\"/site/examples/registration/profile\" method=\"get\">\n        <header data-reg-heading><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form>\n          <field-ui inline label=\"Workspace Name\" hint=\"Letters, numbers, and spaces.\">\n            <input-ui name=\"workspace\" autocomplete=\"organization\" placeholder=\"Acme, Inc.\" required></input-ui>\n          </field-ui>\n          <field-ui inline label=\"Workspace URL\" hint=\"your-workspace.adia.ai\">\n            <input-ui name=\"slug\" autocomplete=\"off\" placeholder=\"acme\" suffix=\".adia.ai\" required></input-ui>\n          </field-ui>\n        </section>\n\n        <footer><!-- nested: reg-step-footer --></footer>\n      </form>",
+  "html": "<form data-reg-input\n        action=\"/site/examples/registration/profile\" method=\"get\">\n        <header data-reg-heading><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form>\n          <field-ui inline label=\"Workspace Name\" hint=\"Letters, numbers, and spaces.\">\n            <input-ui name=\"workspace\" autocomplete=\"organization\" placeholder=\"Acme, Inc.\" required></input-ui>\n          </field-ui>\n          <field-ui inline label=\"Workspace URL\" hint=\"your-workspace.adia.ai\">\n            <input-ui name=\"slug\" autocomplete=\"off\" placeholder=\"acme\" suffix=\".adia.ai\" required></input-ui>\n          </field-ui>\n        </section>\n\n        <footer><!-- nested: reg-step-footer --></footer>\n      </form>",
   "source": "apps/user-flow/app/registration/workspace/workspace.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "forms",
+    "description": "Single-input named-entity form — heading, single text field, supporting hint, submit. Reusable shape for naming things.",
+    "keywords": [
+      "form",
+      "single-input",
+      "name",
+      "workspace",
+      "project",
+      "create",
+      "new-entity",
+      "rename",
+      "setup"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h1",
+      "textContent": "Name your workspace"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "This is what your team will see. You can change it anytime."
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "data-reg-heading": "",
+      "children": [
+        "header-2"
+      ]
+    },
+    {
+      "id": "workspace",
+      "component": "Input"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "children": [
+        "workspace"
+      ]
+    },
+    {
+      "id": "slug",
+      "component": "Input"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "children": [
+        "slug"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "data-reg-form": "",
+      "children": [
+        "field",
+        "field-2"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "submit"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "data-reg-actions": "",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "footer-2",
+      "component": "Footer",
+      "children": [
+        "column",
+        "column-2"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "footer-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "FormContainer",
+      "data-reg-input": "",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
 }

package/chunks/search-with-filters.json

@@ -0,0 +1,100 @@
+{
+  "name": "search-with-filters",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <col-ui gap=\"3\">\n      <search-ui placeholder=\"Search components, traits, patterns…\"></search-ui>\n      <row-ui gap=\"2\" align=\"center\" wrap>\n        <text-ui size=\"sm\" color=\"subtle\">Filter:</text-ui>\n        <tag-ui text=\"Forms\" interactive></tag-ui>\n        <tag-ui text=\"Data\" interactive></tag-ui>\n        <tag-ui text=\"Layout\" interactive></tag-ui>\n        <tag-ui text=\"Agent\" interactive></tag-ui>\n        <tag-ui text=\"Navigation\" interactive></tag-ui>\n        <button-ui text=\"Clear\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </row-ui>\n      <text-ui size=\"sm\" color=\"subtle\">128 results · sorted by relevance</text-ui>\n    </col-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Search input paired with facet filter chips/pills + result count + clear-all action.",
+    "keywords": [
+      "search",
+      "filters",
+      "facets",
+      "chips",
+      "pills",
+      "query",
+      "results",
+      "refine",
+      "clear",
+      "discovery",
+      "directory"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "search-ui",
+      "component": "search-ui"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Filter:"
+    },
+    {
+      "id": "tag",
+      "component": "Tag"
+    },
+    {
+      "id": "tag-2",
+      "component": "Tag"
+    },
+    {
+      "id": "tag-3",
+      "component": "Tag"
+    },
+    {
+      "id": "tag-4",
+      "component": "Tag"
+    },
+    {
+      "id": "tag-5",
+      "component": "Tag"
+    },
+    {
+      "id": "button",
+      "component": "Button"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text",
+        "tag",
+        "tag-2",
+        "tag-3",
+        "tag-4",
+        "tag-5",
+        "button"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "128 results · sorted by relevance"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "search-ui",
+        "row",
+        "text-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/section-with-stack.json

@@ -8,5 +8,5 @@
   "attrs": {},
   "html": "<section>\n            <col-ui gap=\"2\">\n              <text-ui color=\"subtle\">Embed designs and sync frames.</text-ui>\n            </col-ui>\n          </section>",
   "source": "apps/saas/app/integrations/integrations.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z"
 }

package/chunks/settings-admin-page.json

@@ -43,7 +43,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-12T19:23:09.661Z",
+  "captured_at": "2026-05-13T20:06:48.496Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-appearance.json

@@ -22,5 +22,20 @@
       "html": "<card-ui>\n  <header>\n    <h3>Appearance</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Theme, density, radius, and color scheme</text-ui>\n  </header>\n  <section>\n    <theme-panel persist parametric presets scheme-toggle></theme-panel>\n  </section>\n</card-ui>"
     }
   ],
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "metadata": {
+    "domain": "settings",
+    "description": "Appearance settings section — theme picker, density + radius sliders, color-scheme toggle.",
+    "keywords": [
+      "settings",
+      "appearance",
+      "theme",
+      "density",
+      "radius",
+      "color-scheme",
+      "dark-mode",
+      "preferences",
+      "ui-controls"
+    ]
+  }
 }

package/chunks/settings-billing-plan.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-col>\n      <card-ui size=\"sm\">\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"star\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>Pro</text-ui>\n            <badge-ui text=\"Current\" variant=\"accent\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Change plan\" variant=\"primary\" size=\"sm\" onclick=\"document.getElementById('drawer-change-plan').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">$49/month · billed monthly · Next invoice May 14, 2026</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <field-ui label=\"Billing interval\">\n        <segmented-ui value=\"monthly\">\n          <segment-ui value=\"monthly\" text=\"Monthly\"></segment-ui>\n          <segment-ui value=\"annual\" text=\"Annual · 2 months free\"></segment-ui>\n        </segmented-ui>\n      </field-ui>\n    </div>",
   "source": "apps/saas/app/billing/billing.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z"
 }

package/chunks/settings-general-form.json

@@ -10,5 +10,53 @@
   },
   "html": "<div data-col>\n      <field-ui label=\"Workspace name\">\n        <input-ui placeholder=\"My Workspace\" value=\"AdiaUI\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Slug\">\n        <input-ui prefix=\"/\" placeholder=\"my-workspace\" value=\"adia-ui\"></input-ui>\n      </field-ui>\n    </div>",
   "source": "apps/saas/app/settings-page/settings-page.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "settings",
+    "description": "General workspace settings form — workspace name field, slug/URL field, logo upload, save button.",
+    "keywords": [
+      "settings",
+      "general",
+      "workspace",
+      "profile",
+      "name",
+      "slug",
+      "logo",
+      "branding",
+      "identity"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "input",
+      "component": "Input"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "input-2",
+      "component": "Input"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "children": [
+        "input-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "field",
+        "field-2"
+      ]
+    }
+  ]
 }

package/chunks/settings-integrations.json

@@ -32,7 +32,7 @@
       "layout": "grid"
     }
   },
-  "captured_at": "2026-05-12T19:23:09.661Z",
+  "captured_at": "2026-05-13T20:06:48.496Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-members-invite.json

@@ -12,5 +12,5 @@
   },
   "html": "<div data-col>\n      <field-ui label=\"Email addresses\"><!-- nested: labeled-textarea --></field-ui>\n      <field-ui label=\"Default role\">\n        <select-ui value=\"member\">\n          <option value=\"admin\">Admin · can invite, remove, and billing</option>\n          <option value=\"member\">Member · can edit and invite</option>\n          <option value=\"viewer\">Viewer · read-only</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Send welcome email\" inline>\n        <switch-ui checked></switch-ui>\n      </field-ui>\n      <button-ui text=\"Send invites\" variant=\"primary\" icon=\"paper-plane-tilt\"></button-ui>\n    </div>",
   "source": "apps/saas/app/members/members.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "captured_at": "2026-05-13T20:06:48.496Z"
 }

package/chunks/settings-notifications.json

@@ -8,5 +8,209 @@
   "attrs": {},
   "html": "<card-ui>\n  <header>\n    <h3>Notifications</h3>\n    <text-ui slot=\"description\" color=\"subtle\">Choose what you want to be notified about</text-ui>\n  </header>\n  <section>\n    <col-ui gap=\"4\">\n      <section>\n        <text-ui weight=\"semibold\">Email</text-ui>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Weekly digest</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>New mentions</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Product updates</text-ui>\n            <switch-ui></switch-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n      <divider-ui></divider-ui>\n      <section>\n        <text-ui weight=\"semibold\">Push</text-ui>\n        <col-ui gap=\"2\">\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Direct messages</text-ui>\n            <switch-ui checked></switch-ui>\n          </row-ui>\n          <row-ui gap=\"2\" align=\"center\" justify=\"space-between\">\n            <text-ui>Team alerts</text-ui>\n            <switch-ui></switch-ui>\n          </row-ui>\n        </col-ui>\n      </section>\n    </col-ui>\n  </section>\n</card-ui>",
   "source": "catalog/ui-patterns/app/settings-notifications/settings-notifications.contents.html",
-  "captured_at": "2026-05-12T19:23:09.661Z"
+  "metadata": {
+    "domain": "settings",
+    "description": "Notifications settings section with channel toggles (email/push/sms) + activity checkboxes + frequency.",
+    "keywords": [
+      "settings",
+      "notifications",
+      "channels",
+      "toggles",
+      "email",
+      "push",
+      "sms",
+      "alerts",
+      "frequency",
+      "preferences"
+    ]
+  },
+  "captured_at": "2026-05-13T20:06:48.496Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "h3",
+      "textContent": "Notifications"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Choose what you want to be notified about"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Email"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Weekly digest"
+    },
+    {
+      "id": "toggle",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-4",
+        "toggle"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "New mentions"
+    },
+    {
+      "id": "toggle-2",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-5",
+        "toggle-2"
+      ]
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Product updates"
+    },
+    {
+      "id": "toggle-3",
+      "component": "Toggle"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-6",
+        "toggle-3"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "row",
+        "row-2",
+        "row-3"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "text-3",
+        "column-2"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Push"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "Direct messages"
+    },
+    {
+      "id": "toggle-4",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-8",
+        "toggle-4"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "Team alerts"
+    },
+    {
+      "id": "toggle-5",
+      "component": "Toggle"
+    },
+    {
+      "id": "row-5",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "text-9",
+        "toggle-5"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "row-4",
+        "row-5"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "text-7",
+        "column-3"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "section-2",
+        "divider",
+        "section-3"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
 }