@adia-ai/a2ui-corpus 0.0.1 → 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/_shell.css

@@ -0,0 +1,88 @@
+/*
+  Standalone-demo shell for AdiaUI corpus exemplars.
+
+  Each exemplar `index.html` loads this stylesheet so it can render
+  correctly when opened directly (out of the docs router shell). It
+  carries:
+
+  - body framing — flex-centered, padded, schemes set up via tokens
+  - section min-width — exemplar pages are intentionally desktop-shaped
+  - decoration classes — for the few pages that need a hero / split-
+    layout gradient that can't be expressed via component primitives
+
+  IMPORTANT — training-corpus contract: the exemplar HTML is harvested
+  for the gen-UI training pipeline. Per AGENTS.md, harvested files MUST
+  contain no `<style>` block and no `style="..."` attributes. Anything
+  in this stylesheet is allowed because it's loaded via `<link>`, not
+  inlined.
+*/
+
+body {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem;
+  box-sizing: border-box;
+}
+body[data-anchor="bottom"] {
+  align-items: flex-end;
+}
+body > section,
+body > footer {
+  min-width: 600px;
+}
+
+/*
+  Footer-pattern link styling. footer-ui's own contract leaves <a>
+  unstyled (it doesn't slot links itself), so the prose/footer demo
+  legitimately needs a few tone + transition rules here. Defining
+  them in _shell.css keeps the harvested HTML from carrying any
+  inline style attributes for these.
+*/
+footer a {
+  color: var(--a-fg-subtle);
+  text-decoration: none;
+  font-size: var(--a-ui-md);
+  transition: color var(--a-duration-fast) var(--a-easing);
+}
+footer a:hover {
+  color: var(--a-fg);
+}
+
+/*
+  Auth-login brand panel — split-screen hero with photographic
+  background + dark scrim. Used on the first card of
+  prose/auth-login. Class hook keeps the harvested HTML clean
+  while preserving the visual that motivates the pattern.
+*/
+.demo-brand-panel {
+  background:
+    linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0.8)),
+    url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?w=1200&q=80')
+    center/cover no-repeat;
+  min-height: 560px;
+  color: #fff;
+}
+
+/*
+  Accent split-panel — used on the ui/auth-login split-layout card.
+  Lighter than the brand panel; just an accent-tinted surface with a
+  comfortable min-height so the form panel beside it doesn't collapse.
+*/
+.demo-accent-panel {
+  background: var(--a-accent-subtle);
+  min-height: 480px;
+}
+
+/*
+  CTA hero card — photographic background with dark scrim. Used on
+  the centered CTA on prose/cta. Same shape as `.demo-brand-panel`
+  but with a different image; kept distinct so each page can be
+  retuned without leaking into the others.
+*/
+.demo-cta-hero {
+  background:
+    linear-gradient(to bottom right, rgba(0,0,0,0.7), rgba(0,0,0,0.85)),
+    url('https://images.unsplash.com/photo-1534972195531-d756b9bfa9f2?w=1200&q=80')
+    center/cover no-repeat;
+}