@adia-ai/a2ui-corpus 0.6.23 → 0.6.24

package/chunks/responsive-wrap-at-pattern.json

@@ -0,0 +1,76 @@
+{
+  "name": "responsive-wrap-at-pattern",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/patterns/responsive.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<div>\n  <h3>Responsive wrap — <code>wrap-at</code></h3>\n  <p>Boolean attributes like <code>wrap</code> can't use <code>@bp</code> value syntax. Use <code>wrap-at=\"bp\"</code> to enable wrapping from a named breakpoint upward. The existing <code>wrap</code> attribute (always-wrap) is unchanged.</p>\n  <code-ui language=\"html\">&lt;!-- Toolbar: single-row on desktop, wraps to multiple lines on mobile --&gt;\n&lt;row-ui gap=\"2 3@md\" wrap-at=\"sm\"&gt;\n  &lt;input-ui placeholder=\"Search...\"&gt;&lt;/input-ui&gt;\n  &lt;select-ui&gt;&lt;option&gt;All statuses&lt;/option&gt;&lt;/select-ui&gt;\n  &lt;button-ui text=\"Export\" variant=\"outline\"&gt;&lt;/button-ui&gt;\n  &lt;button-ui text=\"+ New\" variant=\"primary\"&gt;&lt;/button-ui&gt;\n&lt;/row-ui&gt;</code-ui>\n  <p>Unlike <code>@bp</code> value-annotations, <code>wrap-at</code> is a standalone attribute that takes a single breakpoint name — no multi-value parsing.</p>\n  </div>",
+  "source": "site/pages/patterns/responsive.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Responsive flex wrap via wrap-at — enables flex-wrap from named breakpoint upward; for boolean attrs that cannot use @bp value syntax.",
+    "keywords": [
+      "responsive",
+      "wrap-at",
+      "flex",
+      "wrap",
+      "breakpoint",
+      "boolean",
+      "attribute",
+      "toolbar"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Responsive wrap — wrap-at"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Boolean attributes like wrap can't use @bp value syntax. Use wrap-at=\"bp\" to enable wrapping from a named breakpoint upward. The existing wrap attribute (always-wrap) is unchanged."
+    },
+    {
+      "id": "code",
+      "component": "Code",
+      "language": "html",
+      "textContent": "&lt;!-- Toolbar: single-row on desktop, wraps to multiple lines on mobile --&gt; &lt;row-ui gap=\"2 3@md\" wrap-at=\"sm\"&gt; &lt;input-ui placeholder=\"Search...\"&gt;&lt;/input-ui&gt; &lt;select-ui&gt;&lt;option&gt;All statuses&lt;/option&gt;&lt;/select-ui&gt; &lt;button-ui text=\"Export\" variant=\"outline\"&gt;&lt;/button-ui&gt; &lt;button-ui text=\"+ New\" variant=\"primary\"&gt;&lt;/button-ui&gt; &lt;/row-ui&gt;"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Unlike @bp value-annotations, wrap-at is a standalone attribute that takes a single breakpoint name — no multi-value parsing."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "text",
+        "text-2",
+        "code",
+        "text-3"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/search-with-filters.json

@@ -25,7 +25,7 @@
       "directory"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "search-ui",

package/chunks/section-with-stack.json

@@ -8,5 +8,41 @@
   "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-22T20:26:33.817Z"
+  "metadata": {
+    "domain": "layout",
+    "description": "Section with stack — content section wrapper with embedded stacked card layout.",
+    "keywords": [
+      "section",
+      "stack",
+      "content",
+      "wrapper",
+      "cards",
+      "layout",
+      "nested"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Embed designs and sync frames."
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    }
+  ]
 }

package/chunks/settings-admin-page.json

@@ -42,7 +42,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-appearance.json

@@ -23,7 +23,7 @@
       "ui-controls"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-billing-plan.json

@@ -10,5 +10,98 @@
   },
   "html": "<div data-col>\n      <card-ui>\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\" size=\"sm\">\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-22T20:26:33.817Z"
+  "metadata": {
+    "domain": "settings",
+    "description": "Billing plan section — current plan card with usage stats and upgrade CTA.",
+    "keywords": [
+      "settings",
+      "billing",
+      "plan",
+      "subscription",
+      "usage",
+      "upgrade",
+      "current"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Pro"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "size": "sm"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "$49/month · billed monthly · Next invoice May 14, 2026"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header"
+      ]
+    },
+    {
+      "id": "segment",
+      "component": "Segment",
+      "text": "Monthly",
+      "value": "monthly"
+    },
+    {
+      "id": "segment-2",
+      "component": "Segment",
+      "text": "Annual · 2 months free",
+      "value": "annual"
+    },
+    {
+      "id": "segmented-control",
+      "component": "SegmentedControl",
+      "value": "monthly",
+      "children": [
+        "segment",
+        "segment-2"
+      ]
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Billing interval",
+      "children": [
+        "segmented-control"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "card",
+        "field"
+      ]
+    }
+  ]
 }

package/chunks/settings-general-form.json

@@ -25,7 +25,7 @@
       "identity"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "input",

package/chunks/settings-integrations.json

@@ -32,7 +32,7 @@
       "layout": "grid"
     }
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-members-invite.json

@@ -12,5 +12,110 @@
   },
   "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-22T20:26:33.817Z"
+  "metadata": {
+    "domain": "settings",
+    "description": "Members invite section — email input field for inviting team members to the workspace.",
+    "keywords": [
+      "settings",
+      "members",
+      "invite",
+      "email",
+      "team",
+      "workspace",
+      "add"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "text-area",
+      "component": "TextArea",
+      "placeholder": "alex@acme.com, sarah@acme.com (comma or newline separated)",
+      "rows": "3"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Email addresses",
+      "children": [
+        "text-area"
+      ]
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Email addresses",
+      "children": [
+        "field-2"
+      ]
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Admin · can invite, remove, and billing",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Member · can edit and invite",
+      "variant": "body"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Viewer · read-only",
+      "variant": "body"
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "value": "member",
+      "children": [
+        "text",
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "label": "Default role",
+      "children": [
+        "choice-picker"
+      ]
+    },
+    {
+      "id": "toggle",
+      "component": "Toggle",
+      "checked": true
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "inline": true,
+      "label": "Send welcome email",
+      "children": [
+        "toggle"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "paper-plane-tilt",
+      "text": "Send invites",
+      "variant": "primary"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "field",
+        "field-3",
+        "field-4",
+        "button"
+      ]
+    }
+  ]
 }

package/chunks/settings-notifications.json

@@ -24,7 +24,7 @@
       "preferences"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-page-shell.json

@@ -39,7 +39,7 @@
       "panel"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/settings-profile-security.json

@@ -25,7 +25,7 @@
       "identity"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "avatar",

package/chunks/sidebar-collapsible-nav.json

@@ -24,7 +24,7 @@
       "icon-only"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/slider-range-controls.json

@@ -24,7 +24,7 @@
       "dual-handle"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/tabs-with-panels.json

@@ -22,7 +22,7 @@
       "tab-strip"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "tab",

package/chunks/testimonial-grid.json

@@ -22,7 +22,7 @@
       "marketing"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/text-card.json

@@ -8,5 +8,46 @@
   "attrs": {},
   "html": "<card-ui><section><text-ui>Design system tokens</text-ui></section></card-ui>",
   "source": "catalog/ui-patterns/app/kanban-board-3col/kanban-board-3col.contents.html",
-  "captured_at": "2026-05-22T20:26:33.817Z"
+  "metadata": {
+    "domain": "display",
+    "description": "Text card — minimal card with a single text content block.",
+    "keywords": [
+      "text",
+      "card",
+      "content",
+      "minimal",
+      "simple",
+      "block",
+      "kanban"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Design system tokens"
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "section"
+      ]
+    }
+  ]
 }

package/chunks/timeline-events.json

@@ -23,7 +23,7 @@
       "releases"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/toolbar-icons.json

@@ -22,7 +22,7 @@
       "formatting"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "button",

package/chunks/toolbar-tooltips.json

@@ -22,7 +22,7 @@
       "accessibility"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "button",

package/chunks/user-identity-row.json

@@ -12,5 +12,70 @@
   },
   "html": "<row-ui gap=\"2\" align=\"center\" grow>\n              <avatar-ui icon=\"code\" size=\"sm\"></avatar-ui>\n              <col-ui gap=\"0\" grow>\n                <text-ui strong>Developer</text-ui>\n                <text-ui color=\"subtle\" size=\"sm\">API + webhook access · 4 members</text-ui>\n              </col-ui>\n              <button-ui variant=\"ghost\" size=\"sm\" icon=\"pencil-simple\"></button-ui>\n            </row-ui>",
   "source": "apps/saas/app/members/members.contents.html",
-  "captured_at": "2026-05-22T20:26:33.817Z"
+  "metadata": {
+    "domain": "data",
+    "description": "User identity row — avatar + name + email + role badge in a single flex row.",
+    "keywords": [
+      "user",
+      "identity",
+      "row",
+      "avatar",
+      "name",
+      "email",
+      "role",
+      "badge",
+      "member"
+    ]
+  },
+  "captured_at": "2026-05-22T22:31:46.761Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "icon": "code",
+      "size": "sm"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Developer"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "API + webhook access · 4 members"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "pencil-simple",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "root",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "grow": true,
+      "children": [
+        "avatar",
+        "column",
+        "button"
+      ]
+    }
+  ]
 }

package/chunks/user-profile-card.json

@@ -24,7 +24,7 @@
       "team-member"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "avatar",

package/chunks/users-table-badge.json

@@ -24,7 +24,7 @@
       "pagination"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/chunks/video-player-controls.json

@@ -25,7 +25,7 @@
       "controls"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T22:31:46.761Z",
   "template": [
     {
       "id": "text",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/a2ui-corpus",
-  "version": "0.6.23",
+  "version": "0.6.24",
   "type": "module",
   "description": "AdiaUI A2UI training corpus \u2014 canonical v0.9 catalog + chunks + eval fixtures + feedback + gap registry. Consumed by the compose engine's retrieval layer + the MCP pipeline.",
   "exports": {