@adia-ai/a2ui-corpus 0.0.2 → 0.0.3

package/chunks/toolbar-gap.json

@@ -0,0 +1,15 @@
+{
+  "name": "toolbar-gap",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/toolbar",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "gap"
+  },
+  "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"
+}

package/chunks/toolbar-overflow-none.json

@@ -0,0 +1,30 @@
+{
+  "name": "toolbar-overflow-none",
+  "kind": "block",
+  "primary": "section",
+  "instances": [
+    {
+      "page": "/site/components/toolbar",
+      "source": "site/pages/components/toolbar/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-section": "",
+        "data-property": "overflow-none"
+      },
+      "html": "<section data-section data-property=\"overflow-none\" data-chunk=\"toolbar-overflow-none\">\n  <h2 variant=\"section\">disable overflow</h2>\n  <p data-note>Set <code>overflow=\"none\"</code> to keep all items in the bar, even if they clip.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"clips instead of collapsing\">\n      <div style=\"resize:horizontal;overflow:auto;min-width:6rem;max-width:100%;width:260px;border:1px dashed var(--a-border-subtle);border-radius:var(--a-radius-md);padding:0.5rem;\">\n        <toolbar-ui bordered overflow=\"none\" style=\"width:100%;\">\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          <button-ui icon=\"link\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-ui>\n      </div>\n      </div>\n  </div>\n</section>"
+    },
+    {
+      "page": "/site/components/toolbar",
+      "source": "site/pages/components/toolbar/index.html",
+      "slots": [],
+      "nested": [],
+      "attrs": {
+        "data-section": "",
+        "data-property": "overflow-none"
+      },
+      "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"
+}

package/chunks/toolbar-overflow.json

@@ -0,0 +1,15 @@
+{
+  "name": "toolbar-overflow",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/toolbar",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "overflow"
+  },
+  "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"
+}

package/chunks/tooltip-combinations.json

@@ -0,0 +1,15 @@
+{
+  "name": "tooltip-combinations",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tooltip",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "combinations"
+  },
+  "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"
+}

package/chunks/tooltip-delay.json

@@ -0,0 +1,15 @@
+{
+  "name": "tooltip-delay",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tooltip",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "delay"
+  },
+  "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"
+}

package/chunks/tooltip-edge-cases.json

@@ -0,0 +1,15 @@
+{
+  "name": "tooltip-edge-cases",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tooltip",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "edge-cases"
+  },
+  "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"
+}

package/chunks/tooltip-placement.json

@@ -0,0 +1,15 @@
+{
+  "name": "tooltip-placement",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tooltip",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "placement"
+  },
+  "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"
+}

package/chunks/tooltip-text.json

@@ -0,0 +1,15 @@
+{
+  "name": "tooltip-text",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tooltip",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "text"
+  },
+  "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"
+}

package/chunks/tree-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "tree-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tree",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "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"
+}

package/chunks/tree-combo.json

@@ -0,0 +1,15 @@
+{
+  "name": "tree-combo",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tree",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-combo": ""
+  },
+  "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"
+}

package/chunks/tree-edge.json

@@ -0,0 +1,15 @@
+{
+  "name": "tree-edge",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tree",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-edge": ""
+  },
+  "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"
+}

package/chunks/tree-expand-collapse.json

@@ -0,0 +1,15 @@
+{
+  "name": "tree-expand-collapse",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tree",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "expand-collapse"
+  },
+  "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"
+}

package/chunks/tree-selection.json

@@ -0,0 +1,15 @@
+{
+  "name": "tree-selection",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tree",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "selection"
+  },
+  "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"
+}

package/chunks/upload-accept.json

@@ -0,0 +1,15 @@
+{
+  "name": "upload-accept",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/upload",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "accept"
+  },
+  "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"
+}

package/chunks/upload-default.json

@@ -0,0 +1,15 @@
+{
+  "name": "upload-default",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/upload",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "default"
+  },
+  "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"
+}

package/chunks/upload-disabled.json

@@ -0,0 +1,15 @@
+{
+  "name": "upload-disabled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/upload",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "disabled"
+  },
+  "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"
+}

package/chunks/upload-hint.json

@@ -0,0 +1,15 @@
+{
+  "name": "upload-hint",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/upload",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "hint"
+  },
+  "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"
+}

package/chunks/upload-label-hint.json

@@ -0,0 +1,15 @@
+{
+  "name": "upload-label-hint",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/upload",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "label-hint"
+  },
+  "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"
+}

package/chunks/upload-label.json

@@ -0,0 +1,15 @@
+{
+  "name": "upload-label",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/upload",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "label"
+  },
+  "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"
+}

package/chunks/upload-multiple.json

@@ -0,0 +1,15 @@
+{
+  "name": "upload-multiple",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/upload",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "multiple"
+  },
+  "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"
+}

package/chunks/upload-name.json

@@ -0,0 +1,15 @@
+{
+  "name": "upload-name",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/upload",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "name"
+  },
+  "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"
+}

package/chunks/upload-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "upload-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/upload",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "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"
+}

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

@@ -0,0 +1,15 @@
+{
+  "name": "wizard-drawer-three-step-wizard",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/wizard-drawer",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "three-step-wizard"
+  },
+  "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"
+}

package/exemplars/prose/auth-login/index.html

@@ -73,9 +73,7 @@
                   <input-ui label="Work email" placeholder="you@company.com" type="email"></input-ui>
                   <input-ui label="Password" placeholder="••••••••" type="password" suffix="eye-slash"></input-ui>
                   <row-ui justify="between" align="center" size="sm">
-                    <field-ui inline label="Remember this device">
-                      <check-ui name="remember"></check-ui>
-                    </field-ui>
+                    <check-ui name="remember" label="Remember this device"></check-ui>
                     <a href="#">Forgot password?</a>
                   </row-ui>
                   <button-ui text="Sign in" variant="primary" stretch></button-ui>
@@ -141,9 +139,7 @@
                   <input-ui label="Password" placeholder="Min. 8 characters" type="password"></input-ui>
                 </col-ui>
 
-                <field-ui inline label="I agree to the Terms of Service and Privacy Policy">
-                  <check-ui size="sm" name="terms"></check-ui>
-                </field-ui>
+                <check-ui size="sm" name="terms" label="I agree to the Terms of Service and Privacy Policy"></check-ui>
 
                 <button-ui text="Create free account" variant="primary" stretch></button-ui>
 
@@ -510,9 +506,7 @@
                   <otp-input-ui length="6" sixe="lg"></otp-input-ui>
                 </col-ui>
 
-                <field-ui inline label="Trust this device for 30 days">
-                  <check-ui size="sm" name="trust_device"></check-ui>
-                </field-ui>
+                <check-ui size="sm" name="trust_device" label="Trust this device for 30 days"></check-ui>
 
                 <button-ui text="Verify" variant="primary" stretch></button-ui>
 

package/exemplars/ui/auth-login/index.html

@@ -63,9 +63,7 @@
                   <input-ui label="Email" placeholder="you@example.com" type="email"></input-ui>
                   <input-ui label="Password" placeholder="••••••••" type="password" suffix="eye-slash"></input-ui>
                   <row-ui justify="between" align="center" size="sm">
-                    <field-ui inline label="Remember me">
-                      <check-ui name="remember"></check-ui>
-                    </field-ui>
+                    <check-ui name="remember" label="Remember me"></check-ui>
                     <text-ui>Forgot password?</text-ui>
                   </row-ui>
                 </col-ui>
@@ -101,9 +99,7 @@
                   <input-ui label="Email" placeholder="you@example.com" type="email"></input-ui>
                   <input-ui label="Password" placeholder="Min. 8 characters" type="password"></input-ui>
                   <input-ui label="Confirm password" placeholder="Re-enter password" type="password"></input-ui>
-                  <field-ui inline label="I agree to the Terms of Service and Privacy Policy">
-                    <check-ui size="sm" name="terms"></check-ui>
-                  </field-ui>
+                  <check-ui size="sm" name="terms" label="I agree to the Terms of Service and Privacy Policy"></check-ui>
                 </col-ui>
               </section>
               <footer>

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "@adia-ai/a2ui-corpus",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "type": "module",
   "description": "AdiaUI A2UI training corpus — patterns, fragments, compositions, exemplars, eval fixtures, feedback, gap registry. Consumed by the compose engine's retrieval layer + the MCP pipeline.",
   "exports": {
-    ".":              "./catalog-a2ui_0_9.json",
-    "./patterns":     "./patterns/_components.json",
-    "./exemplars/*":  "./exemplars/*",
-    "./manifest":     "./manifest.json"
+    ".":               "./catalog-a2ui_0_9.json",
+    "./patterns":      "./patterns/_components.json",
+    "./exemplars/*":   "./exemplars/*",
+    "./manifest":      "./manifest.json",
+    "./chunks":        "./chunks/_index.json",
+    "./chunks/*":      "./chunks/*",
+    "./chunk-library": "./scripts/chunk-library.js"
   },
   "files": [
     "catalog-a2ui_0_9.json",
@@ -17,6 +20,8 @@
     "fragments/",
     "compositions/",
     "exemplars/",
+    "chunks/",
+    "scripts/chunk-library.js",
     "README.md",
     "CHANGELOG.md"
   ],