@adia-ai/a2ui-corpus 0.6.23 → 0.6.25

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-22T23:31:51.450Z",
+  "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-22T23:31:51.450Z",
   "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-22T23:31:51.450Z",
+  "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/select-multiple-preselected.json

@@ -0,0 +1,81 @@
+{
+  "name": "select-multiple-preselected",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <field-ui label=\"Labels\">\n      <select-ui multiple>\n        <option value=\"bug\" selected>Bug</option>\n        <option value=\"feature\">Feature</option>\n        <option value=\"docs\" selected>Documentation</option>\n        <option value=\"urgent\">Urgent</option>\n      </select-ui>\n    </field-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Multi-select field with declaratively pre-selected options via &lt;option selected&gt;. All selected options are captured on init (FB-46 fix); comma-joined value string used for multi-select.",
+    "keywords": [
+      "select",
+      "multiple",
+      "pre-selected",
+      "option",
+      "selected",
+      "form",
+      "field",
+      "multi-value",
+      "picker",
+      "init",
+      "value"
+    ]
+  },
+  "captured_at": "2026-05-22T23:31:51.450Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Bug",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Feature",
+      "variant": "body"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Documentation",
+      "variant": "body"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Urgent",
+      "variant": "body"
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "multiple": true,
+      "children": [
+        "text",
+        "text-2",
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Labels",
+      "children": [
+        "choice-picker"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "field"
+      ]
+    }
+  ]
+}

package/chunks/settings-admin-page.json

@@ -42,7 +42,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",
@@ -867,7 +867,7 @@
     {
       "id": "grid-2",
       "component": "Grid",
-      "columns": "2",
+      "columns": "1 2@sm",
       "gap": "3",
       "children": [
         "card",

package/chunks/settings-appearance.json

@@ -23,7 +23,7 @@
       "ui-controls"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "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-22T23:31:51.450Z",
+  "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-22T23:31:51.450Z",
   "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-22T23:31:51.450Z",
   "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-22T23:31:51.450Z",
+  "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-22T23:31:51.450Z",
   "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-22T23:31:51.450Z",
   "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-22T23:31:51.450Z",
   "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-22T23:31:51.450Z",
   "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-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",

package/chunks/tabs-with-panels.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <card-ui>\n      <header>\n        <tabs-ui value=\"overview\">\n          <tab-ui value=\"overview\" text=\"Overview\"></tab-ui>\n          <tab-ui value=\"usage\" text=\"Usage\"></tab-ui>\n          <tab-ui value=\"settings\" text=\"Settings\"></tab-ui>\n        </tabs-ui>\n      </header>\n      <section>\n        <col-ui gap=\"3\">\n          <h3>Overview</h3>\n          <text-ui color=\"subtle\">Welcome to your workspace overview. Quick stats, recent activity, and getting-started shortcuts live here.</text-ui>\n          <grid-ui columns=\"2\" gap=\"3\">\n            <card-ui><section><text-ui strong>4</text-ui><text-ui size=\"sm\" color=\"subtle\">Active projects</text-ui></section></card-ui>\n            <card-ui><section><text-ui strong>28</text-ui><text-ui size=\"sm\" color=\"subtle\">Team members</text-ui></section></card-ui>\n          </grid-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "html": "<section>\n    <card-ui>\n      <header>\n        <tabs-ui value=\"overview\">\n          <tab-ui value=\"overview\" text=\"Overview\"></tab-ui>\n          <tab-ui value=\"usage\" text=\"Usage\"></tab-ui>\n          <tab-ui value=\"settings\" text=\"Settings\"></tab-ui>\n        </tabs-ui>\n      </header>\n      <section>\n        <col-ui gap=\"3\">\n          <h3>Overview</h3>\n          <text-ui color=\"subtle\">Welcome to your workspace overview. Quick stats, recent activity, and getting-started shortcuts live here.</text-ui>\n          <grid-ui columns=\"1 2@sm\" gap=\"3\">\n            <card-ui><section><text-ui strong>4</text-ui><text-ui size=\"sm\" color=\"subtle\">Active projects</text-ui></section></card-ui>\n            <card-ui><section><text-ui strong>28</text-ui><text-ui size=\"sm\" color=\"subtle\">Team members</text-ui></section></card-ui>\n          </grid-ui>\n        </col-ui>\n      </section>\n    </card-ui>\n  </section>",
   "source": "catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html",
   "metadata": {
     "domain": "layout",
@@ -22,7 +22,7 @@
       "tab-strip"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "tab",
@@ -144,7 +144,7 @@
     {
       "id": "grid",
       "component": "Grid",
-      "columns": "2",
+      "columns": "1 2@sm",
       "gap": "3",
       "children": [
         "card-2",

package/chunks/testimonial-grid.json

@@ -6,7 +6,7 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<section>\n    <col-ui gap=\"4\">\n      <header align=\"center\">\n        <h2>What teams are saying</h2>\n      </header>\n      <grid-ui columns=\"3\" gap=\"4\">\n        <card-ui>\n          <section>\n            <col-ui gap=\"3\">\n              <text-ui>\"Cut our GenUI shipping time by 4×. Free-form composer just works.\"</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"DS\" size=\"md\"></avatar-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong size=\"sm\">Diana Singh</text-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Eng Lead, Design Tokens Studio</text-ui>\n                </col-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <section>\n            <col-ui gap=\"3\">\n              <text-ui>\"The chunk vocabulary made our PM-to-prototype loop instant.\"</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"MR\" size=\"md\"></avatar-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong size=\"sm\">Marco Rossi</text-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Head of Product, Anvil</text-ui>\n                </col-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <section>\n            <col-ui gap=\"3\">\n              <text-ui>\"We replaced 6 hand-built primitives with one annotated chunk.\"</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"JC\" size=\"md\"></avatar-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong size=\"sm\">June Chen</text-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Staff Engineer, Vellum</text-ui>\n                </col-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n      </grid-ui>\n    </col-ui>\n  </section>",
+  "html": "<section>\n    <col-ui gap=\"4\">\n      <header align=\"center\">\n        <h2>What teams are saying</h2>\n      </header>\n      <grid-ui columns=\"1 3@md\" gap=\"4\">\n        <card-ui>\n          <section>\n            <col-ui gap=\"3\">\n              <text-ui>\"Cut our GenUI shipping time by 4×. Free-form composer just works.\"</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"DS\" size=\"md\"></avatar-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong size=\"sm\">Diana Singh</text-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Eng Lead, Design Tokens Studio</text-ui>\n                </col-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <section>\n            <col-ui gap=\"3\">\n              <text-ui>\"The chunk vocabulary made our PM-to-prototype loop instant.\"</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"MR\" size=\"md\"></avatar-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong size=\"sm\">Marco Rossi</text-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Head of Product, Anvil</text-ui>\n                </col-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n        <card-ui>\n          <section>\n            <col-ui gap=\"3\">\n              <text-ui>\"We replaced 6 hand-built primitives with one annotated chunk.\"</text-ui>\n              <row-ui gap=\"2\" align=\"center\">\n                <avatar-ui text=\"JC\" size=\"md\"></avatar-ui>\n                <col-ui gap=\"0\">\n                  <text-ui strong size=\"sm\">June Chen</text-ui>\n                  <text-ui size=\"sm\" color=\"subtle\">Staff Engineer, Vellum</text-ui>\n                </col-ui>\n              </row-ui>\n            </col-ui>\n          </section>\n        </card-ui>\n      </grid-ui>\n    </col-ui>\n  </section>",
   "source": "catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html",
   "metadata": {
     "domain": "layout",
@@ -22,7 +22,7 @@
       "marketing"
     ]
   },
-  "captured_at": "2026-05-22T20:26:33.817Z",
+  "captured_at": "2026-05-22T23:31:51.450Z",
   "template": [
     {
       "id": "text",
@@ -241,7 +241,7 @@
     {
       "id": "grid",
       "component": "Grid",
-      "columns": "3",
+      "columns": "1 3@md",
       "gap": "4",
       "children": [
         "card",

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-22T23:31:51.450Z",
+  "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-22T23:31:51.450Z",
   "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-22T23:31:51.450Z",
   "template": [
     {
       "id": "button",