@adia-ai/a2ui-corpus 0.0.2 → 0.0.3

package/chunks/table-data-stream.json

@@ -0,0 +1,15 @@
+{
+  "name": "table-data-stream",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/table",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "data-stream"
+  },
+  "html": "<section data-section data-property=\"data-stream\" data-chunk=\"table-data-stream\">\n  <h2 variant=\"section\">Data stream (<code>data-stream-*</code>)</h2>\n  <p data-note>\n    Like every component with a settable <code>.data</code>, table-ui\n    picks up the universal <code>data-stream-*</code> trait without\n    any per-component opt-in. Set <code>data-stream-src</code> and the\n    table populates from the response on connect (HTTP one-shot,\n    polling, SSE, or WebSocket — see the chart-ui demo's full\n    attribute table). Below: a table fed from\n    <code>/site/mock/users.json</code> with no setup.js wiring.\n  </p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='table-ui[data-stream-src=\"/site/mock/users.json\"]' style=\"flex:1 1 100%;\">\n      <table-ui sortable striped data-stream-src=\"/site/mock/users.json\"></table-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/table/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/table-density.json

@@ -0,0 +1,15 @@
+{
+  "name": "table-density",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/table",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "density"
+  },
+  "html": "<section data-section data-property=\"density\" data-chunk=\"table-density\">\n  <h2 variant=\"section\">density</h2>\n  <p data-note>Row height. Defaults to <code>standard</code>.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"compact\">\n      <table-ui id=\"api-density-compact\" density=\"compact\"></table-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"standard\">\n      <table-ui id=\"api-density-standard\" density=\"standard\"></table-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"comfortable\">\n      <table-ui id=\"api-density-comfortable\" density=\"comfortable\"></table-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/table/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/table-expandable.json

@@ -0,0 +1,15 @@
+{
+  "name": "table-expandable",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/table",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "expandable"
+  },
+  "html": "<section data-section data-property=\"expandable\" data-chunk=\"table-expandable\">\n  <h2 variant=\"section\">expandable</h2>\n  <p data-note>Add a caret column; rows can expand to reveal nested content.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"expandable\">\n      <table-ui id=\"api-expandable\" expandable></table-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/table/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/table-loading.json

@@ -0,0 +1,15 @@
+{
+  "name": "table-loading",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/table",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "loading"
+  },
+  "html": "<section data-section data-property=\"loading\" data-chunk=\"table-loading\">\n  <h2 variant=\"section\">loading</h2>\n  <p data-note>Overlay a loading state on top of the current rows.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"loading\">\n      <table-ui id=\"api-loading\" loading></table-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/table/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/table-paginate.json

@@ -0,0 +1,15 @@
+{
+  "name": "table-paginate",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/table",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "paginate"
+  },
+  "html": "<section data-section data-property=\"paginate\" data-chunk=\"table-paginate\">\n  <h2 variant=\"section\">paginate</h2>\n  <p data-note>Rows per page. <code>0</code> disables pagination (default).</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='paginate=\"3\"'>\n      <table-ui id=\"api-paginate\" paginate=\"3\"></table-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/table/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/table-raw.json

@@ -0,0 +1,15 @@
+{
+  "name": "table-raw",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/table",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "raw"
+  },
+  "html": "<section data-section data-property=\"raw\" data-chunk=\"table-raw\">\n  <h2 variant=\"section\">raw</h2>\n  <p data-note>Strip the chrome (border, header background). Useful when embedding inside cards that already provide surface styling.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"raw\">\n      <table-ui id=\"api-raw\" raw></table-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/table/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/table-search.json

@@ -0,0 +1,15 @@
+{
+  "name": "table-search",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/table",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "search"
+  },
+  "html": "<section data-section data-property=\"search\" data-chunk=\"table-search\">\n  <h2 variant=\"section\">search</h2>\n  <p data-note>Global text filter applied across all cells.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='search=\"engineer\"'>\n      <table-ui id=\"api-search\" search=\"engineer\"></table-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/table/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/table-selectable.json

@@ -0,0 +1,15 @@
+{
+  "name": "table-selectable",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/table",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "selectable"
+  },
+  "html": "<section data-section data-property=\"selectable\" data-chunk=\"table-selectable\">\n  <h2 variant=\"section\">selectable</h2>\n  <p data-note>Render a leading checkbox column for row selection.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"selectable\">\n      <table-ui id=\"api-selectable\" selectable></table-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/table/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/table-sortable.json

@@ -0,0 +1,15 @@
+{
+  "name": "table-sortable",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/table",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "sortable"
+  },
+  "html": "<section data-section data-property=\"sortable\" data-chunk=\"table-sortable\">\n  <h2 variant=\"section\">sortable</h2>\n  <p data-note>Enable column sorting. Click a header to cycle asc / desc / unsorted.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"sortable\">\n      <table-ui id=\"api-sortable\" sortable></table-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/table/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/table-striped.json

@@ -0,0 +1,15 @@
+{
+  "name": "table-striped",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/table",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "striped"
+  },
+  "html": "<section data-section data-property=\"striped\" data-chunk=\"table-striped\">\n  <h2 variant=\"section\">striped</h2>\n  <p data-note>Alternating row backgrounds for easier scanning of wide tables.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"striped\">\n      <table-ui id=\"api-striped\" striped></table-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/table/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tabs-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "tabs-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tabs",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "html": "<section data-section data-property=\"basic\" data-chunk=\"tabs-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>A simple 3-tab panel. The value attribute selects which tab is active.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"3 tabs\">\n      <tabs-ui value=\"overview\">\n        <tab-ui value=\"overview\" text=\"Overview\">\n          <p>This is the overview panel. It provides a high-level summary of the feature.</p>\n        </tab-ui>\n        <tab-ui value=\"details\" text=\"Details\">\n          <p>This panel contains detailed specifications and technical information.</p>\n        </tab-ui>\n        <tab-ui value=\"changelog\" text=\"Changelog\">\n          <p>Version history and recent changes are listed here.</p>\n        </tab-ui>\n      </tabs-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tabs/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tabs-combinations.json

@@ -0,0 +1,15 @@
+{
+  "name": "tabs-combinations",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tabs",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "combinations"
+  },
+  "html": "<section data-section data-property=\"combinations\" data-chunk=\"tabs-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Tabs with rich content inside each panel.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"settings page\">\n      <tabs-ui value=\"account\">\n        <tab-ui value=\"account\" text=\"Account\" icon=\"user\">\n          <div style=\"display:flex; flex-direction:column; gap:var(--a-space-3); padding:var(--a-space-3) 0;\">\n            <field-ui label=\"Display Name\">\n              <input-ui placeholder=\"Enter name\"></input-ui>\n            </field-ui>\n            <field-ui label=\"Email\">\n              <input-ui placeholder=\"you@example.com\"></input-ui>\n            </field-ui>\n            <button-ui text=\"Save Changes\" variant=\"primary\"></button-ui>\n          </div>\n        </tab-ui>\n        <tab-ui value=\"notifications\" text=\"Notifications\" icon=\"bell\">\n          <div style=\"display:flex; flex-direction:column; gap:var(--a-space-2); padding:var(--a-space-3) 0;\">\n            <field-ui label=\"Email notifications\" inline>\n              <switch-ui checked></switch-ui>\n            </field-ui>\n            <field-ui label=\"Push notifications\" inline>\n              <switch-ui></switch-ui>\n            </field-ui>\n            <field-ui label=\"Weekly digest\" inline>\n              <switch-ui checked></switch-ui>\n            </field-ui>\n          </div>\n        </tab-ui>\n        <tab-ui value=\"danger\" text=\"Danger Zone\" icon=\"warning\">\n          <div style=\"padding:var(--a-space-3) 0;\">\n            <p style=\"margin-bottom:var(--a-space-3);\">Permanently delete your account and all data.</p>\n            <button-ui text=\"Delete Account\" color=\"danger\"></button-ui>\n          </div>\n        </tab-ui>\n      </tabs-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tabs/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tabs-disabled.json

@@ -0,0 +1,15 @@
+{
+  "name": "tabs-disabled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tabs",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "disabled"
+  },
+  "html": "<section data-section data-property=\"disabled\" data-chunk=\"tabs-disabled\">\n  <h2 variant=\"section\">disabled tab</h2>\n  <p data-note>Individual tabs can be disabled. They remain visible but cannot be selected.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"disabled tab\">\n      <tabs-ui value=\"active\">\n        <tab-ui value=\"active\" text=\"Active\">\n          <p>This tab is active and selectable.</p>\n        </tab-ui>\n        <tab-ui value=\"also-active\" text=\"Also Active\">\n          <p>This tab is also selectable.</p>\n        </tab-ui>\n        <tab-ui value=\"locked\" text=\"Locked\" disabled>\n          <p>This content is locked.</p>\n        </tab-ui>\n      </tabs-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tabs/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tabs-edge-cases.json

@@ -0,0 +1,15 @@
+{
+  "name": "tabs-edge-cases",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tabs",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "edge-cases"
+  },
+  "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"tabs-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=\"single tab\">\n      <tabs-ui>\n        <tab-ui value=\"only\" text=\"Only Tab\">\n          <p>A single tab with no siblings.</p>\n        </tab-ui>\n      </tabs-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"many tabs\">\n      <tabs-ui value=\"t1\">\n        <tab-ui value=\"t1\" text=\"One\">\n          <p>Content 1</p>\n        </tab-ui>\n        <tab-ui value=\"t2\" text=\"Two\">\n          <p>Content 2</p>\n        </tab-ui>\n        <tab-ui value=\"t3\" text=\"Three\">\n          <p>Content 3</p>\n        </tab-ui>\n        <tab-ui value=\"t4\" text=\"Four\">\n          <p>Content 4</p>\n        </tab-ui>\n        <tab-ui value=\"t5\" text=\"Five\">\n          <p>Content 5</p>\n        </tab-ui>\n        <tab-ui value=\"t6\" text=\"Six\">\n          <p>Content 6</p>\n        </tab-ui>\n      </tabs-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tabs/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tabs-icon.json

@@ -0,0 +1,15 @@
+{
+  "name": "tabs-icon",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tabs",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "icon"
+  },
+  "html": "<section data-section data-property=\"icon\" data-chunk=\"tabs-icon\">\n  <h2 variant=\"section\">with icons</h2>\n  <p data-note>Each tab-ui can have an icon attribute alongside text.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"icon + text tabs\">\n      <tabs-ui value=\"profile\">\n        <tab-ui value=\"profile\" text=\"Profile\" icon=\"user\">\n          <p>Edit your profile information, display name, and avatar.</p>\n        </tab-ui>\n        <tab-ui value=\"settings\" text=\"Settings\" icon=\"gear\">\n          <p>Configure your account preferences, notifications, and privacy.</p>\n        </tab-ui>\n        <tab-ui value=\"billing\" text=\"Billing\" icon=\"credit-card\">\n          <p>Manage your subscription, payment methods, and invoices.</p>\n        </tab-ui>\n      </tabs-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tabs/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tabs-keyboard.json

@@ -0,0 +1,15 @@
+{
+  "name": "tabs-keyboard",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tabs",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "keyboard"
+  },
+  "html": "<section data-section data-property=\"keyboard\" data-chunk=\"tabs-keyboard\">\n  <h2 variant=\"section\">keyboard navigation</h2>\n  <p data-note>Focus a tab button, then use ArrowLeft / ArrowRight to navigate between tabs. Enter or Space activates the focused tab.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"try keyboard nav\">\n      <tabs-ui value=\"a\">\n        <tab-ui value=\"a\" text=\"Tab A\">\n          <p>Use ArrowRight to move to Tab B.</p>\n        </tab-ui>\n        <tab-ui value=\"b\" text=\"Tab B\">\n          <p>Use ArrowLeft to go back to Tab A, or ArrowRight for Tab C.</p>\n        </tab-ui>\n        <tab-ui value=\"c\" text=\"Tab C\">\n          <p>Use ArrowLeft to go back. Navigation wraps around.</p>\n        </tab-ui>\n      </tabs-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tabs/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tabs-orientation.json

@@ -0,0 +1,15 @@
+{
+  "name": "tabs-orientation",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tabs",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "orientation"
+  },
+  "html": "<section data-section data-property=\"orientation\" data-chunk=\"tabs-orientation\">\n  <h2 variant=\"section\">orientation</h2>\n  <p data-note>Lays tab triggers horizontally (default) or vertically.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"horizontal\">\n      <tabs-ui orientation=\"horizontal\" value=\"one\">\n        <tab-ui value=\"one\" text=\"One\"></tab-ui>\n        <tab-ui value=\"two\" text=\"Two\"></tab-ui>\n        <tab-ui value=\"three\" text=\"Three\"></tab-ui>\n      </tabs-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"vertical\">\n      <tabs-ui orientation=\"vertical\" value=\"one\">\n        <tab-ui value=\"one\" text=\"One\"></tab-ui>\n        <tab-ui value=\"two\" text=\"Two\"></tab-ui>\n        <tab-ui value=\"three\" text=\"Three\"></tab-ui>\n      </tabs-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tabs/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tabs-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "tabs-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tabs",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "html": "<section data-section data-property=\"value\" data-chunk=\"tabs-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Controls which tab is initially active. Defaults to the first non-disabled tab.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"pre-selected second tab\">\n      <tabs-ui value=\"second\">\n        <tab-ui value=\"first\" text=\"First\">\n          <p>First tab content.</p>\n        </tab-ui>\n        <tab-ui value=\"second\" text=\"Second (pre-selected)\">\n          <p>This tab was pre-selected via the value attribute on tabs-ui.</p>\n        </tab-ui>\n        <tab-ui value=\"third\" text=\"Third\">\n          <p>Third tab content.</p>\n        </tab-ui>\n      </tabs-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tabs/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tabs-vertical.json

@@ -0,0 +1,15 @@
+{
+  "name": "tabs-vertical",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tabs",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "vertical"
+  },
+  "html": "<section data-section data-property=\"vertical\" data-chunk=\"tabs-vertical\">\n  <h2 variant=\"section\">vertical</h2>\n  <p data-note>Set orientation=\"vertical\" to stack tabs on the left with a sliding indicator on the leading edge.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"vertical tabs\">\n      <tabs-ui value=\"general\" orientation=\"vertical\">\n        <tab-ui value=\"general\" text=\"General\" icon=\"gear\">\n          <p>General settings for your account.</p>\n        </tab-ui>\n        <tab-ui value=\"security\" text=\"Security\" icon=\"lock\">\n          <p>Password, 2FA, and session management.</p>\n        </tab-ui>\n        <tab-ui value=\"team\" text=\"Team\" icon=\"users\">\n          <p>Invite members and manage roles.</p>\n        </tab-ui>\n        <tab-ui value=\"integrations\" text=\"Integrations\" icon=\"plug\">\n          <p>Connect third-party services.</p>\n        </tab-ui>\n      </tabs-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tabs/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tag-combinations.json

@@ -0,0 +1,15 @@
+{
+  "name": "tag-combinations",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tag",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "combinations"
+  },
+  "html": "<section data-section data-property=\"combinations\" data-chunk=\"tag-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Removable + each variant for a complete tag pattern.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default + removable\">\n      <tag-ui text=\"Default\" removable></tag-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"info + removable\">\n      <tag-ui text=\"Info\" variant=\"info\" removable></tag-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"success + removable\">\n      <tag-ui text=\"Success\" variant=\"success\" removable></tag-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"warning + removable\">\n      <tag-ui text=\"Warning\" variant=\"warning\" removable></tag-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"error + removable\">\n      <tag-ui text=\"Error\" variant=\"danger\" removable></tag-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"tag cloud\">\n      <div style=\"display:flex; gap:var(--a-space-2); flex-wrap:wrap;\">\n        <tag-ui text=\"HTML\" variant=\"info\" size=\"sm\"></tag-ui>\n        <tag-ui text=\"CSS\" variant=\"success\" size=\"sm\"></tag-ui>\n        <tag-ui text=\"JavaScript\" variant=\"warning\" size=\"sm\"></tag-ui>\n        <tag-ui text=\"TypeScript\" variant=\"danger\" size=\"sm\" removable></tag-ui>\n      </div>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tag/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tag-disabled.json

@@ -0,0 +1,15 @@
+{
+  "name": "tag-disabled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tag",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "disabled"
+  },
+  "html": "<section data-section data-property=\"disabled\" data-chunk=\"tag-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>Prevents interaction and applies muted styling.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"disabled\">\n      <tag-ui text=\"Disabled\" disabled></tag-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"disabled + removable\">\n      <tag-ui text=\"Disabled removable\" removable disabled></tag-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tag/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tag-removable.json

@@ -0,0 +1,15 @@
+{
+  "name": "tag-removable",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tag",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "removable"
+  },
+  "html": "<section data-section data-property=\"removable\" data-chunk=\"tag-removable\">\n  <h2 variant=\"section\">removable</h2>\n  <p data-note>Adds a dismiss button that fires a remove event.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"removable\">\n      <tag-ui text=\"Removable\" removable></tag-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"not removable\">\n      <tag-ui text=\"Not removable\"></tag-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tag/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tag-size.json

@@ -0,0 +1,15 @@
+{
+  "name": "tag-size",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tag",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "size"
+  },
+  "html": "<section data-section data-property=\"size\" data-chunk=\"tag-size\">\n  <h2 variant=\"section\">size</h2>\n  <p data-note>Controls tag dimensions. Defaults to \"md\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"sm\">\n      <tag-ui text=\"Small\" size=\"sm\"></tag-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"md\">\n      <tag-ui text=\"Medium\" size=\"md\"></tag-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tag/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tag-text.json

@@ -0,0 +1,15 @@
+{
+  "name": "tag-text",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tag",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "text"
+  },
+  "html": "<section data-section data-property=\"text\" data-chunk=\"tag-text\">\n  <h2 variant=\"section\">text</h2>\n  <p data-note>The tag's label, rendered via the <code>text</code> attribute.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"New\"><tag-ui text=\"New\"></tag-ui></div>\n    <div data-artifact-item data-artifact-label=\"Beta\"><tag-ui text=\"Beta\"></tag-ui></div>\n    <div data-artifact-item data-artifact-label=\"Deprecated\"><tag-ui text=\"Deprecated\"></tag-ui></div>\n    <div data-artifact-item data-artifact-label=\"long\"><tag-ui text=\"A much longer tag label\"></tag-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/tag/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/tag-variant.json

@@ -0,0 +1,15 @@
+{
+  "name": "tag-variant",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/tag",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "variant"
+  },
+  "html": "<section data-section data-property=\"variant\" data-chunk=\"tag-variant\">\n  <h2 variant=\"section\">variant</h2>\n  <p data-note>Controls the color scheme. Defaults to \"default\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default\">\n      <tag-ui text=\"Default\"></tag-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"info\">\n      <tag-ui text=\"Info\" variant=\"info\"></tag-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"success\">\n      <tag-ui text=\"Success\" variant=\"success\"></tag-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"warning\">\n      <tag-ui text=\"Warning\" variant=\"warning\"></tag-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"error\">\n      <tag-ui text=\"Error\" variant=\"danger\"></tag-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/tag/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/text-lines.json

@@ -0,0 +1,15 @@
+{
+  "name": "text-lines",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/text",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "lines"
+  },
+  "html": "<section data-section data-property=\"lines\" data-chunk=\"text-lines\">\n  <h2 variant=\"section\">lines</h2>\n  <p data-note>Multi-line clamp — limits text to N lines with an ellipsis. 0 (default) means no clamping.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='lines=\"1\"'>\n      <text-ui variant=\"body\" lines=\"1\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='lines=\"2\"'>\n      <text-ui variant=\"body\" lines=\"2\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='lines=\"3\"'>\n      <text-ui variant=\"body\" lines=\"3\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</text-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/text/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/text-truncate.json

@@ -0,0 +1,15 @@
+{
+  "name": "text-truncate",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/text",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "truncate"
+  },
+  "html": "<section data-section data-property=\"truncate\" data-chunk=\"text-truncate\">\n  <h2 variant=\"section\">truncate</h2>\n  <p data-note>Single-line truncation with ellipsis. The element must have a constrained width.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"truncate\">\n      <div style=\"max-width:280px;\">\n        <text-ui variant=\"body\" truncate>This is a long paragraph of text that will be truncated with an ellipsis when it overflows the container.</text-ui>\n      </div>\n      </div>\n    <div data-artifact-item data-artifact-label=\"not truncated\">\n      <div style=\"max-width:280px;\">\n        <text-ui variant=\"body\">This text wraps normally across multiple lines when it overflows the container width without truncation.</text-ui>\n      </div>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/text/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/text-variant.json

@@ -0,0 +1,15 @@
+{
+  "name": "text-variant",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/text",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "variant"
+  },
+  "html": "<section data-section data-property=\"variant\" data-chunk=\"text-variant\">\n  <h2 variant=\"section\">variant</h2>\n  <p data-note>Typography role. Maps to the 4-layer type system tokens. Defaults to <code>body</code>.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"display\">\n      <text-ui variant=\"display\">Display</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"title\">\n      <text-ui variant=\"title\">Title</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"heading\">\n      <text-ui variant=\"heading\">Heading</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"body\">\n      <text-ui variant=\"body\">Body text</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"caption\">\n      <text-ui variant=\"caption\">Caption</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"label\">\n      <text-ui variant=\"label\">Label</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"kicker\">\n      <text-ui variant=\"kicker\">Kicker</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"code\">\n      <text-ui variant=\"code\">const x = 42;</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"h1\">\n      <text-ui variant=\"h1\">h1 heading</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"h2\">\n      <text-ui variant=\"h2\">h2 heading</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"h3\">\n      <text-ui variant=\"h3\">h3 heading</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"h4\">\n      <text-ui variant=\"h4\">h4 heading</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"h5\">\n      <text-ui variant=\"h5\">h5 heading</text-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"h6\">\n      <text-ui variant=\"h6\">h6 heading</text-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/text/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/textarea-combinations.json

@@ -0,0 +1,15 @@
+{
+  "name": "textarea-combinations",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/textarea",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "combinations"
+  },
+  "html": "<section data-section data-property=\"combinations\" data-chunk=\"textarea-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Common pairings in real-world forms.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Message\">\n    <field-ui label=\"Message\">\n      <textarea-ui placeholder=\"Type your message...\" rows=\"4\" required></textarea-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Notes\">\n    <field-ui label=\"Notes\">\n      <textarea-ui value=\"Existing content that should be preserved when the form loads.\" rows=\"4\" resize=\"none\"></textarea-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/textarea/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/textarea-disabled.json

@@ -0,0 +1,15 @@
+{
+  "name": "textarea-disabled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/textarea",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "disabled"
+  },
+  "html": "<section data-section data-property=\"disabled\" data-chunk=\"textarea-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>Prevents interaction. The field appears muted.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Disabled\">\n    <field-ui label=\"Disabled\">\n      <textarea-ui value=\"This content cannot be edited\" disabled></textarea-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Disabled Empty\">\n    <field-ui label=\"Disabled Empty\">\n      <textarea-ui placeholder=\"No input allowed\" disabled></textarea-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/textarea/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/textarea-edge-cases.json

@@ -0,0 +1,15 @@
+{
+  "name": "textarea-edge-cases",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/textarea",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "edge-cases"
+  },
+  "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"textarea-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=\"textarea\">\n    <textarea-ui></textarea-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Single row textarea\">\n    <textarea-ui rows=\"1\" placeholder=\"Single row textarea\"></textarea-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Large\">\n    <field-ui label=\"Large\">\n      <textarea-ui rows=\"10\" placeholder=\"Very tall textarea for long-form content\"></textarea-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/textarea/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/textarea-error.json

@@ -0,0 +1,15 @@
+{
+  "name": "textarea-error",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/textarea",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "error"
+  },
+  "html": "<section data-section data-property=\"error\" data-chunk=\"textarea-error\">\n  <h2 variant=\"section\">error</h2>\n  <p data-note>Shows a validation error message with error styling.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Bio\">\n    <field-ui label=\"Bio\">\n      <textarea-ui placeholder=\"Tell us about yourself\" error=\"Bio is required\" required></textarea-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Description\">\n    <field-ui label=\"Description\">\n      <textarea-ui value=\"Too short\" error=\"Must be at least 50 characters\"></textarea-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/textarea/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/textarea-label.json

@@ -0,0 +1,15 @@
+{
+  "name": "textarea-label",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/textarea",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "label"
+  },
+  "html": "<section data-section data-property=\"label\" data-chunk=\"textarea-label\">\n  <h2 variant=\"section\">label</h2>\n  <p data-note>Renders a label above the textarea.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Description\">\n    <field-ui label=\"Description\">\n      <textarea-ui placeholder=\"Enter a description...\"></textarea-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"No label, just placeholder\">\n    <textarea-ui placeholder=\"No label, just placeholder\"></textarea-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/textarea/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/textarea-placeholder.json

@@ -0,0 +1,15 @@
+{
+  "name": "textarea-placeholder",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/textarea",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "placeholder"
+  },
+  "html": "<section data-section data-property=\"placeholder\" data-chunk=\"textarea-placeholder\">\n  <h2 variant=\"section\">placeholder</h2>\n  <p data-note>Ghost text shown when the field is empty.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Write your message here...\">\n    <textarea-ui placeholder=\"Write your message here...\"></textarea-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Feedback\">\n    <field-ui label=\"Feedback\">\n      <textarea-ui placeholder=\"Tell us what you think...\"></textarea-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/textarea/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}