@adia-ai/a2ui-corpus 0.0.3 → 0.0.4

package/chunks/toolbar-dividers.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"dividers\" data-chunk=\"toolbar-dividers\">\n  <h2 variant=\"section\">with dividers</h2>\n  <p data-note>Use divider-ui with vertical attribute to separate button groups visually.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"grouped with dividers\">\n      <toolbar-ui>\n        <toolbar-group-ui>\n          <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-group-ui>\n        <divider-ui vertical></divider-ui>\n        <toolbar-group-ui>\n          <button-ui icon=\"text-align-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-align-center\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-align-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-group-ui>\n        <divider-ui vertical></divider-ui>\n        <toolbar-group-ui>\n          <button-ui icon=\"list-bullets\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"list-numbers\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-group-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toolbar-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"toolbar-edge\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"single item\">\n      <toolbar-ui>\n        <button-ui icon=\"star\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"many items (overflow)\">\n      <toolbar-ui>\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"trash\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"copy\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"download\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"upload\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"share\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"eye\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toolbar-gap.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"gap\" data-chunk=\"toolbar-gap\">\n  <h2 variant=\"section\">gap</h2>\n  <p data-note>Controls spacing between items. Defaults to \"sm\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"sm\">\n      <toolbar-ui gap=\"sm\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"md\">\n      <toolbar-ui gap=\"md\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"lg\">\n      <toolbar-ui gap=\"lg\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toolbar-overflow-none.json

@@ -26,5 +26,5 @@
       "html": "<section data-section data-property=\"overflow-none\" data-chunk=\"toolbar-overflow-none\">\n  <h2 variant=\"section\">overflow: none</h2>\n  <p data-note>Disables overflow handling — items simply wrap or clip per layout.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"overflow=none\">\n      <toolbar-ui overflow=\"none\">\n        <button-ui text=\"Bold\" icon=\"text-b\"></button-ui>\n        <button-ui text=\"Italic\" icon=\"text-italic\"></button-ui>\n        <button-ui text=\"Underline\" icon=\"text-underline\"></button-ui>\n        <button-ui text=\"Strike\" icon=\"text-strikethrough\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>"
     }
   ],
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toolbar-overflow.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"overflow\" data-chunk=\"toolbar-overflow\">\n  <h2 variant=\"section\">overflow spillover</h2>\n  <p data-note>When items don't fit, they move into a spillover popover. Groups stay atomic — they move as a unit. Drag the bottom-right corner of the resizable frame to see items collapse into the <kbd-ui>⋯</kbd-ui> menu.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"resize me → spillover menu\">\n      <div style=\"resize:horizontal;overflow:auto;min-width:6rem;max-width:100%;width:520px;border:1px dashed var(--a-border-subtle);border-radius:var(--a-radius-md);padding:0.5rem;\">\n        <toolbar-ui bordered style=\"width:100%;\">\n          <toolbar-group-ui>\n            <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-strikethrough\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"text-align-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-align-center\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-align-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-align-justify\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"list-bullets\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"list-numbers\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"link\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n        </toolbar-ui>\n      </div>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tooltip-combinations.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"combinations\" data-chunk=\"tooltip-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Tooltips on various trigger elements and contexts.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"toolbar tooltips\">\n      <div style=\"display:flex; gap:var(--a-space-2);\">\n        <tooltip-ui text=\"Bold\" placement=\"bottom\">\n          <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Italic\" placement=\"bottom\">\n          <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Underline\" placement=\"bottom\">\n          <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n      </div>\n      </div>\n    <div data-artifact-item data-artifact-label=\"navigation icons\">\n      <div style=\"display:flex; gap:var(--a-space-2);\">\n        <tooltip-ui text=\"Home\" placement=\"bottom\">\n          <button-ui icon=\"house\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Search\" placement=\"bottom\">\n          <button-ui icon=\"magnifying-glass\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Notifications\" placement=\"bottom\">\n          <button-ui icon=\"bell\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Profile\" placement=\"bottom\">\n          <button-ui icon=\"user\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n      </div>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tooltip-delay.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"delay\" data-chunk=\"tooltip-delay\">\n  <h2 variant=\"section\">delay</h2>\n  <p data-note>Milliseconds before the tooltip appears. Defaults to 400ms.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"0ms\">\n      <tooltip-ui text=\"Instant tooltip\" delay=\"0\">\n        <button-ui text=\"No Delay\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"400ms (default)\">\n      <tooltip-ui text=\"Default delay tooltip\">\n        <button-ui text=\"Default\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"1000ms\">\n      <tooltip-ui text=\"Slow tooltip\" delay=\"1000\">\n        <button-ui text=\"Slow\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tooltip-edge-cases.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"tooltip-edge-cases\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"empty text (no popup)\">\n      <tooltip-ui text=\"\">\n        <button-ui text=\"Empty Tooltip\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"non-button trigger\">\n      <tooltip-ui text=\"Tooltip on plain text\">\n        <span style=\"text-decoration:underline; cursor:help;\">Hover this text</span>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tooltip-placement.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"placement\" data-chunk=\"tooltip-placement\">\n  <h2 variant=\"section\">placement</h2>\n  <p data-note>Controls which side the tooltip appears on. Defaults to \"top\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"top\">\n      <tooltip-ui text=\"Appears on top\" placement=\"top\">\n        <button-ui text=\"Top\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom\">\n      <tooltip-ui text=\"Appears on bottom\" placement=\"bottom\">\n        <button-ui text=\"Bottom\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"left\">\n      <tooltip-ui text=\"Appears on left\" placement=\"left\">\n        <button-ui text=\"Left\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"right\">\n      <tooltip-ui text=\"Appears on right\" placement=\"right\">\n        <button-ui text=\"Right\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tooltip-text.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"text\" data-chunk=\"tooltip-text\">\n  <h2 variant=\"section\">text</h2>\n  <p data-note>The tooltip content displayed on hover or focus. Hover the buttons below to see tooltips.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"short text\">\n      <tooltip-ui text=\"Save your changes\">\n        <button-ui text=\"Save\" variant=\"primary\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long text\">\n      <tooltip-ui text=\"This action cannot be undone. All data will be permanently removed from our servers.\">\n        <button-ui text=\"Delete\" color=\"danger\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"icon button\">\n      <tooltip-ui text=\"Settings\">\n        <button-ui icon=\"gear\" variant=\"ghost\"></button-ui>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tree-basic.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"basic\" data-chunk=\"tree-basic\">\n  <h2 variant=\"section\">nested items</h2>\n  <p data-note>Tree items can be nested to any depth. Click an item to select it and toggle its children.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"file tree\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"src\" icon=\"folder\">\n          <tree-item-ui text=\"components\" icon=\"folder\">\n            <tree-item-ui text=\"button.js\" icon=\"file\"></tree-item-ui>\n            <tree-item-ui text=\"input.js\" icon=\"file\"></tree-item-ui>\n            <tree-item-ui text=\"modal.js\" icon=\"file\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"styles\" icon=\"folder\">\n            <tree-item-ui text=\"tokens.css\" icon=\"file\"></tree-item-ui>\n            <tree-item-ui text=\"styles.css\" icon=\"file\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"index.js\" icon=\"file\"></tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tree-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"tree-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Deep nesting with icons representing a project structure.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"project structure\" style=\"width:320px;\">\n      <tree-ui>\n        <tree-item-ui text=\"adia-ui\" icon=\"folder\" open>\n          <tree-item-ui text=\"components\" icon=\"folder\" open>\n            <tree-item-ui text=\"button\" icon=\"folder\">\n              <tree-item-ui text=\"button.js\" icon=\"file\"></tree-item-ui>\n              <tree-item-ui text=\"button.css\" icon=\"file\"></tree-item-ui>\n            </tree-item-ui>\n            <tree-item-ui text=\"input\" icon=\"folder\">\n              <tree-item-ui text=\"input.js\" icon=\"file\"></tree-item-ui>\n              <tree-item-ui text=\"input.css\" icon=\"file\"></tree-item-ui>\n            </tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"styles\" icon=\"folder\">\n            <tree-item-ui text=\"tokens.css\" icon=\"file\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"package.json\" icon=\"file\"></tree-item-ui>\n          <tree-item-ui text=\"README.md\" icon=\"file\"></tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tree-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"tree-edge\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"single item\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Only item\" icon=\"file\"></tree-item-ui>\n      </tree-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"deep nesting (5 levels)\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Level 1\" icon=\"folder\">\n          <tree-item-ui text=\"Level 2\" icon=\"folder\">\n            <tree-item-ui text=\"Level 3\" icon=\"folder\">\n              <tree-item-ui text=\"Level 4\" icon=\"folder\">\n                <tree-item-ui text=\"Level 5\" icon=\"file\"></tree-item-ui>\n              </tree-item-ui>\n            </tree-item-ui>\n          </tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long text\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"This is a tree item with a very long label that tests overflow\" icon=\"file\"></tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tree-expand-collapse.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"expand-collapse\" data-chunk=\"tree-expand-collapse\">\n  <h2 variant=\"section\">expand / collapse</h2>\n  <p data-note>Items with children can be expanded or collapsed. Use the open attribute to pre-expand.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"pre-expanded\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Page\" icon=\"browser\" open>\n          <tree-item-ui text=\"Header\" icon=\"layout\">\n            <tree-item-ui text=\"Logo\" icon=\"image\"></tree-item-ui>\n            <tree-item-ui text=\"Navigation\" icon=\"list\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"Hero Section\" icon=\"image\" open>\n            <tree-item-ui text=\"Title\" icon=\"text-aa\"></tree-item-ui>\n            <tree-item-ui text=\"Subtitle\" icon=\"text-aa\"></tree-item-ui>\n            <tree-item-ui text=\"CTA Button\" icon=\"cursor-click\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"Footer\" icon=\"layout\">\n            <tree-item-ui text=\"Links\" icon=\"link\"></tree-item-ui>\n            <tree-item-ui text=\"Copyright\" icon=\"text-aa\"></tree-item-ui>\n          </tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tree-selection.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"selection\" data-chunk=\"tree-selection\">\n  <h2 variant=\"section\">selection</h2>\n  <p data-note>Clicking an item selects it. Only one item is selected at a time.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"click to select\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Dashboard\" icon=\"chart-bar\"></tree-item-ui>\n        <tree-item-ui text=\"Settings\" icon=\"gear\">\n          <tree-item-ui text=\"General\" icon=\"sliders\"></tree-item-ui>\n          <tree-item-ui text=\"Security\" icon=\"lock\"></tree-item-ui>\n          <tree-item-ui text=\"Notifications\" icon=\"bell\"></tree-item-ui>\n        </tree-item-ui>\n        <tree-item-ui text=\"Profile\" icon=\"user\"></tree-item-ui>\n        <tree-item-ui text=\"Help\" icon=\"question\"></tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/upload-accept.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"accept\" data-chunk=\"upload-accept\">\n  <h2 variant=\"section\">accept</h2>\n  <p data-note>Restricts accepted file types using MIME types or extensions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"images only\">\n      <upload-ui accept=\"image/*\"></upload-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"documents\">\n      <upload-ui accept=\".pdf,.doc,.docx\"></upload-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/upload-default.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"default\" data-chunk=\"upload-default\">\n  <h2 variant=\"section\">Default</h2>\n  <p data-note>Basic file upload with drag-and-drop zone.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default\">\n      <upload-ui></upload-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/upload-disabled.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"disabled\" data-chunk=\"upload-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>Prevents interaction.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"disabled\">\n      <upload-ui disabled></upload-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/upload-hint.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"hint\" data-chunk=\"upload-hint\">\n  <h2 variant=\"section\">hint</h2>\n  <p data-note>Helper text shown below the dropzone.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"format hint\">\n      <field-ui label=\"Avatar\">\n        <upload-ui hint=\"PNG or JPG, up to 2MB\"></upload-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"size + type hint\">\n      <field-ui label=\"Dataset\">\n        <upload-ui hint=\"CSV files only. Max 50MB per file.\" accept=\".csv\" multiple></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/upload-label-hint.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"label-hint\" data-chunk=\"upload-label-hint\">\n  <h2 variant=\"section\">Label + Hint</h2>\n  <p data-note>Field label and helper text for form context.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"label + hint\">\n      <field-ui label=\"Profile Photo\">\n        <upload-ui hint=\"Max 5MB. JPG or PNG recommended.\" accept=\"image/*\"></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/upload-label.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"label\" data-chunk=\"upload-label\">\n  <h2 variant=\"section\">label</h2>\n  <p data-note>Field label rendered above the dropzone.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"no label\">\n      <upload-ui></upload-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='label=\"Upload File\"'>\n      <field-ui label=\"Upload File\">\n        <upload-ui></upload-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"label + accept\">\n      <field-ui label=\"Cover Image\">\n        <upload-ui accept=\"image/*\"></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/upload-multiple.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"multiple\" data-chunk=\"upload-multiple\">\n  <h2 variant=\"section\">multiple</h2>\n  <p data-note>Allow selecting multiple files at once.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"multiple\">\n      <upload-ui multiple></upload-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/upload-name.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"name\" data-chunk=\"upload-name\">\n  <h2 variant=\"section\">name</h2>\n  <p data-note>Form field name — files are submitted under this key when the upload is inside a &lt;form&gt;.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='name=\"attachment\"'>\n      <field-ui label=\"Attachment\">\n        <upload-ui name=\"attachment\"></upload-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='name=\"resume\"'>\n      <field-ui label=\"Resume\">\n        <upload-ui name=\"resume\" accept=\".pdf,.doc,.docx\"></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/upload-value.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"value\" data-chunk=\"upload-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Current value string (set internally from selected files; also reflected for form participation).</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='value=\"\"'>\n      <field-ui label=\"Empty\">\n        <upload-ui value=\"\"></upload-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='value=\"report.pdf\"'>\n      <field-ui label=\"Pre-filled\">\n        <upload-ui value=\"report.pdf\"></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/wizard-drawer-three-step-wizard.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"three-step-wizard\" data-chunk=\"wizard-drawer-three-step-wizard\">\n  <h2 variant=\"section\">Three-step create wizard</h2>\n  <p data-note>Stepper header, step body, Back/Next footer. The interactive buttons below advance the stepper and switch the body panel.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"wizard\">\n      <button-ui text=\"Create workspace\" icon=\"plus\" variant=\"primary\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <drawer-ui id=\"pat-wizard\" side=\"right\" size=\"lg\">\n        <header slot=\"header\">\n          <col-ui gap=\"2\" grow>\n            <text-ui strong>Create workspace</text-ui>\n            <stepper-ui id=\"pat-wizard-stepper\" step=\"0\">\n              <stepper-item-ui text=\"Details\"></stepper-item-ui>\n              <stepper-item-ui text=\"Members\"></stepper-item-ui>\n              <stepper-item-ui text=\"Review\"></stepper-item-ui>\n            </stepper-ui>\n          </col-ui>\n        </header>\n        <section slot=\"body\">\n          <div data-wizard-step=\"0\">\n            <col-ui gap=\"3\">\n              <h4>Workspace details</h4>\n              <field-ui label=\"Name\">\n                <input-ui placeholder=\"Acme Team\" required></input-ui>\n              </field-ui>\n              <field-ui label=\"Slug\">\n                <input-ui prefix=\"/\" placeholder=\"acme-team\"></input-ui>\n              </field-ui>\n              <field-ui label=\"Description\">\n                <textarea-ui rows=\"2\" placeholder=\"What does this team work on?\"></textarea-ui>\n              </field-ui>\n            </col-ui>\n          </div>\n          <div data-wizard-step=\"1\" hidden>\n            <col-ui gap=\"3\">\n              <h4>Invite team members</h4>\n              <field-ui label=\"Email addresses\">\n                <textarea-ui placeholder=\"alex@acme.com, sarah@acme.com\" rows=\"3\"></textarea-ui>\n              </field-ui>\n              <field-ui label=\"Default role\">\n                <select-ui placeholder=\"Select role\">\n                <option value=\"admin\">Admin</option>\n                <option value=\"member\" selected>Member</option>\n                <option value=\"viewer\">Viewer</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            </col-ui>\n          </div>\n          <div data-wizard-step=\"2\" hidden>\n            <col-ui gap=\"3\">\n              <h4>Review and create</h4>\n              <alert-ui text=\"Your workspace will be created and team members will be invited by email.\" variant=\"info\" icon=\"info\"></alert-ui>\n              <description-list-ui>\n                <dt>Name</dt><dd>Acme Team</dd>\n                <dt>Slug</dt><dd>/acme-team</dd>\n                <dt>Members</dt><dd>2 invited</dd>\n                <dt>Plan</dt><dd>Free (14-day Pro trial)</dd>\n              </description-list-ui>\n            </col-ui>\n          </div>\n        </section>\n        <footer slot=\"footer\">\n          <span slot=\"action-leading\">\n            <button-ui id=\"pat-wizard-back\" text=\"Back\" variant=\"ghost\" disabled></button-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('drawer-ui').open=false\"></button-ui>\n            <button-ui id=\"pat-wizard-next\" text=\"Next\" variant=\"primary\"></button-ui>\n          </span>\n        </footer>\n      </drawer-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/patterns/wizard-drawer/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/exemplars/prose/auth-login/a2ui.json

@@ -361,6 +361,7 @@
     {
       "id": "checkbox-37",
       "component": "CheckBox",
+      "name": "remember",
       "label": "Remember this device"
     },
     {
@@ -567,8 +568,9 @@
     {
       "id": "checkbox-65",
       "component": "CheckBox",
-      "label": "I agree to the Terms of Service and Privacy Policy",
-      "size": "sm"
+      "size": "sm",
+      "name": "terms",
+      "label": "I agree to the Terms of Service and Privacy Policy"
     },
     {
       "id": "button-66",
@@ -2061,8 +2063,9 @@
     {
       "id": "checkbox-257",
       "component": "CheckBox",
-      "label": "Trust this device for 30 days",
-      "size": "sm"
+      "size": "sm",
+      "name": "trust_device",
+      "label": "Trust this device for 30 days"
     },
     {
       "id": "button-258",

package/exemplars/prose/auth-login/chunks/prose-auth-login-card-1.json

@@ -274,6 +274,7 @@
     {
       "id": "checkbox-30",
       "component": "CheckBox",
+      "name": "remember",
       "label": "Remember this device"
     },
     {

package/exemplars/prose/auth-login/chunks/prose-auth-login-card-13.json

@@ -54,8 +54,9 @@
     {
       "id": "checkbox-4",
       "component": "CheckBox",
-      "label": "Trust this device for 30 days",
-      "size": "sm"
+      "size": "sm",
+      "name": "trust_device",
+      "label": "Trust this device for 30 days"
     },
     {
       "id": "button-5",

package/exemplars/prose/auth-login/chunks/prose-auth-login-card-2.json

@@ -67,8 +67,9 @@
     {
       "id": "checkbox-6",
       "component": "CheckBox",
-      "label": "I agree to the Terms of Service and Privacy Policy",
-      "size": "sm"
+      "size": "sm",
+      "name": "terms",
+      "label": "I agree to the Terms of Service and Privacy Policy"
     },
     {
       "id": "button-7",

package/exemplars/prose/hero/a2ui.json

@@ -482,31 +482,31 @@
     {
       "id": "avatar-53",
       "component": "Avatar",
-      "name": "Alice Chen",
+      "text": "Alice Chen",
       "size": "sm"
     },
     {
       "id": "avatar-54",
       "component": "Avatar",
-      "name": "Bob Park",
+      "text": "Bob Park",
       "size": "sm"
     },
     {
       "id": "avatar-55",
       "component": "Avatar",
-      "name": "Carol Diaz",
+      "text": "Carol Diaz",
       "size": "sm"
     },
     {
       "id": "avatar-56",
       "component": "Avatar",
-      "name": "Dan Kumar",
+      "text": "Dan Kumar",
       "size": "sm"
     },
     {
       "id": "avatar-57",
       "component": "Avatar",
-      "name": "Eva Novak",
+      "text": "Eva Novak",
       "size": "sm"
     },
     {

package/exemplars/prose/testimonials/a2ui.json

@@ -174,7 +174,7 @@
     {
       "id": "avatar-16",
       "component": "Avatar",
-      "name": "Sarah Chen"
+      "text": "Sarah Chen"
     },
     {
       "id": "column-17",
@@ -389,7 +389,7 @@
     {
       "id": "avatar-44",
       "component": "Avatar",
-      "name": "Marcus Johnson",
+      "text": "Marcus Johnson",
       "size": "sm"
     },
     {
@@ -518,7 +518,7 @@
     {
       "id": "avatar-61",
       "component": "Avatar",
-      "name": "Priya Patel",
+      "text": "Priya Patel",
       "size": "sm"
     },
     {
@@ -647,7 +647,7 @@
     {
       "id": "avatar-78",
       "component": "Avatar",
-      "name": "Alex Rivera",
+      "text": "Alex Rivera",
       "size": "sm"
     },
     {
@@ -776,7 +776,7 @@
     {
       "id": "avatar-95",
       "component": "Avatar",
-      "name": "Emma Davis",
+      "text": "Emma Davis",
       "size": "sm"
     },
     {
@@ -905,7 +905,7 @@
     {
       "id": "avatar-112",
       "component": "Avatar",
-      "name": "Tom Wright",
+      "text": "Tom Wright",
       "size": "sm"
     },
     {
@@ -1034,7 +1034,7 @@
     {
       "id": "avatar-129",
       "component": "Avatar",
-      "name": "Lisa Chang",
+      "text": "Lisa Chang",
       "size": "sm"
     },
     {
@@ -1123,31 +1123,31 @@
     {
       "id": "avatar-140",
       "component": "Avatar",
-      "name": "Sarah Chen",
+      "text": "Sarah Chen",
       "size": "sm"
     },
     {
       "id": "avatar-141",
       "component": "Avatar",
-      "name": "Marcus Johnson",
+      "text": "Marcus Johnson",
       "size": "sm"
     },
     {
       "id": "avatar-142",
       "component": "Avatar",
-      "name": "Priya Patel",
+      "text": "Priya Patel",
       "size": "sm"
     },
     {
       "id": "avatar-143",
       "component": "Avatar",
-      "name": "Alex Rivera",
+      "text": "Alex Rivera",
       "size": "sm"
     },
     {
       "id": "avatar-144",
       "component": "Avatar",
-      "name": "Jordan Lee",
+      "text": "Jordan Lee",
       "size": "sm"
     },
     {

package/exemplars/prose/testimonials/chunks/prose-testimonials-card-1.json

@@ -121,7 +121,7 @@
     {
       "id": "avatar-12",
       "component": "Avatar",
-      "name": "Sarah Chen"
+      "text": "Sarah Chen"
     },
     {
       "id": "column-13",

package/exemplars/prose/testimonials/chunks/prose-testimonials-card-2.json

@@ -84,7 +84,7 @@
     {
       "id": "avatar-8",
       "component": "Avatar",
-      "name": "Marcus Johnson",
+      "text": "Marcus Johnson",
       "size": "sm"
     },
     {

package/exemplars/prose/testimonials/chunks/prose-testimonials-card-3.json

@@ -85,7 +85,7 @@
     {
       "id": "avatar-8",
       "component": "Avatar",
-      "name": "Priya Patel",
+      "text": "Priya Patel",
       "size": "sm"
     },
     {

package/exemplars/prose/testimonials/chunks/prose-testimonials-card-4.json

@@ -85,7 +85,7 @@
     {
       "id": "avatar-8",
       "component": "Avatar",
-      "name": "Alex Rivera",
+      "text": "Alex Rivera",
       "size": "sm"
     },
     {

package/exemplars/prose/testimonials/chunks/prose-testimonials-card-5.json

@@ -85,7 +85,7 @@
     {
       "id": "avatar-8",
       "component": "Avatar",
-      "name": "Emma Davis",
+      "text": "Emma Davis",
       "size": "sm"
     },
     {

package/exemplars/prose/testimonials/chunks/prose-testimonials-card-6.json

@@ -85,7 +85,7 @@
     {
       "id": "avatar-8",
       "component": "Avatar",
-      "name": "Tom Wright",
+      "text": "Tom Wright",
       "size": "sm"
     },
     {

package/exemplars/prose/testimonials/chunks/prose-testimonials-card-7.json

@@ -85,7 +85,7 @@
     {
       "id": "avatar-8",
       "component": "Avatar",
-      "name": "Lisa Chang",
+      "text": "Lisa Chang",
       "size": "sm"
     },
     {

package/exemplars/prose/testimonials/chunks/prose-testimonials-card-8.json

@@ -90,31 +90,31 @@
     {
       "id": "avatar-8",
       "component": "Avatar",
-      "name": "Sarah Chen",
+      "text": "Sarah Chen",
       "size": "sm"
     },
     {
       "id": "avatar-9",
       "component": "Avatar",
-      "name": "Marcus Johnson",
+      "text": "Marcus Johnson",
       "size": "sm"
     },
     {
       "id": "avatar-10",
       "component": "Avatar",
-      "name": "Priya Patel",
+      "text": "Priya Patel",
       "size": "sm"
     },
     {
       "id": "avatar-11",
       "component": "Avatar",
-      "name": "Alex Rivera",
+      "text": "Alex Rivera",
       "size": "sm"
     },
     {
       "id": "avatar-12",
       "component": "Avatar",
-      "name": "Jordan Lee",
+      "text": "Jordan Lee",
       "size": "sm"
     },
     {

package/exemplars/ui/auth-login/a2ui.json

@@ -369,6 +369,7 @@
     {
       "id": "checkbox-39",
       "component": "CheckBox",
+      "name": "remember",
       "label": "Remember me"
     },
     {
@@ -546,8 +547,9 @@
     {
       "id": "checkbox-63",
       "component": "CheckBox",
-      "label": "I agree to the Terms of Service and Privacy Policy",
-      "size": "sm"
+      "size": "sm",
+      "name": "terms",
+      "label": "I agree to the Terms of Service and Privacy Policy"
     },
     {
       "id": "footer-64",
@@ -1209,7 +1211,8 @@
       "component": "Section",
       "children": [
         "grid-151"
-      ]
+      ],
+      "bleed": true
     },
     {
       "id": "grid-151",