@adia-ai/a2ui-corpus 0.0.2 → 0.0.3

package/chunks/onb-tutorial-steps.json

@@ -0,0 +1,14 @@
+{
+  "name": "onb-tutorial-steps",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/onboarding/first-action",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-onb-form": ""
+  },
+  "html": "<div data-onb-form data-chunk=\"onb-tutorial-steps\">\n      <div data-onb-tutorial>\n\n        <div data-onb-tutorial-step>\n          <span data-step-num>1</span>\n          <div data-step-body>\n            <text-ui strong>Describe what you want.</text-ui>\n            <text-ui color=\"subtle\" size=\"sm\">One sentence in plain English. AdiaUI picks the right components and wires them up.</text-ui>\n          </div>\n        </div>\n\n        <field-ui label=\"Prompt\">\n          <input-ui name=\"intent\" placeholder=\"A weekly revenue dashboard with a 6-month trend\"\n                    value=\"A weekly revenue dashboard with a 6-month trend\"></input-ui>\n        </field-ui>\n\n        <div data-onb-tutorial-step>\n          <span data-step-num>2</span>\n          <div data-step-body>\n            <text-ui strong>Generate.</text-ui>\n            <text-ui color=\"subtle\" size=\"sm\">Takes 1–3 seconds. The result lands editable on your canvas.</text-ui>\n          </div>\n        </div>\n\n        <div data-onb-tutorial-step>\n          <span data-step-num>3</span>\n          <div data-step-body>\n            <text-ui strong>Edit and share.</text-ui>\n            <text-ui color=\"subtle\" size=\"sm\">Move blocks, change palettes, swap data sources. Share via link, embed, or export to PNG.</text-ui>\n          </div>\n        </div>\n\n        <button-ui text=\"Generate dashboard\" variant=\"primary\" icon=\"sparkle\"></button-ui>\n      </div>\n\n      <text-ui color=\"subtle\" size=\"sm\">After generation we'll save the result to your workspace and continue to the next step. You can return to it any time from the sidebar.</text-ui>\n    </div>",
+  "source": "site/pages/examples/onboarding/first-action/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/option-card-default.json

@@ -0,0 +1,15 @@
+{
+  "name": "option-card-default",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/option-card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "default"
+  },
+  "html": "<section data-section data-property=\"default\" data-chunk=\"option-card-default\">\n  <h2 variant=\"section\">Default</h2>\n  <p data-note>Heading + description from attributes. Click anywhere on the card to select.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"Pick-one-of-three\">\n      <col-ui gap=\"2\" role=\"radiogroup\" aria-label=\"Demo\">\n        <option-card-ui name=\"demo-1\" value=\"build\" checked\n                        heading=\"I'm building a product\"\n                        description=\"Spinning up a new project — design, ship, iterate.\"></option-card-ui>\n        <option-card-ui name=\"demo-1\" value=\"explore\"\n                        heading=\"I'm exploring the product\"\n                        description=\"Kicking the tires before bringing a team along.\"></option-card-ui>\n        <option-card-ui name=\"demo-1\" value=\"migrate\"\n                        heading=\"I'm migrating from another tool\"\n                        description=\"Moving an existing workspace and want a smooth port.\"></option-card-ui>\n      </col-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/option-card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/option-card-dense.json

@@ -0,0 +1,15 @@
+{
+  "name": "option-card-dense",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/option-card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "dense"
+  },
+  "html": "<section data-section data-property=\"dense\" data-chunk=\"option-card-dense\">\n  <h2 variant=\"section\">Dense (no description)</h2>\n  <p data-note>Heading-only when the choice is self-explanatory. The description row collapses out of the grid.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"Heading-only\">\n      <col-ui gap=\"2\" role=\"radiogroup\" aria-label=\"Visibility\">\n        <option-card-ui name=\"demo-vis\" value=\"public\" checked heading=\"Public — anyone with the link\"></option-card-ui>\n        <option-card-ui name=\"demo-vis\" value=\"team\" heading=\"Team — workspace members only\"></option-card-ui>\n        <option-card-ui name=\"demo-vis\" value=\"private\" heading=\"Private — only me\"></option-card-ui>\n      </col-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/option-card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/option-card-disabled.json

@@ -0,0 +1,15 @@
+{
+  "name": "option-card-disabled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/option-card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "disabled"
+  },
+  "html": "<section data-section data-property=\"disabled\" data-chunk=\"option-card-disabled\">\n  <h2 variant=\"section\">Disabled</h2>\n  <p data-note>Disabled cards remain visible (so users see the unavailable option) but are non-interactive and dimmed.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"One option disabled\">\n      <col-ui gap=\"2\" role=\"radiogroup\" aria-label=\"Region\">\n        <option-card-ui name=\"demo-region\" value=\"us\" checked\n                        heading=\"United States\"\n                        description=\"Servers in us-east-1, us-west-2.\"></option-card-ui>\n        <option-card-ui name=\"demo-region\" value=\"eu\"\n                        heading=\"European Union\"\n                        description=\"Servers in eu-central-1, eu-west-1.\"></option-card-ui>\n        <option-card-ui name=\"demo-region\" value=\"apac\" disabled\n                        heading=\"Asia-Pacific\"\n                        description=\"Coming Q3. Join the waitlist for early access.\"></option-card-ui>\n      </col-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/option-card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/option-card-heading-rich.json

@@ -0,0 +1,15 @@
+{
+  "name": "option-card-heading-rich",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/option-card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "heading-rich"
+  },
+  "html": "<section data-section data-property=\"heading-rich\" data-chunk=\"option-card-heading-rich\">\n  <h2 variant=\"section\">Rich heading slot</h2>\n  <p data-note>Slot any inline content — secondary text, badges, kbd hints — into the heading via <code>slot=\"heading\"</code>. Slotted content overrides the <code>heading</code> attribute.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"Plan picker with badge + price\">\n      <col-ui gap=\"2\" role=\"radiogroup\" aria-label=\"Plan\">\n        <option-card-ui name=\"demo-plan\" value=\"free\"\n                        description=\"Up to 5 members · 10 projects · community support\">\n          <span slot=\"heading\">Free <text-ui color=\"subtle\" size=\"sm\">· $0/mo</text-ui></span>\n        </option-card-ui>\n        <option-card-ui name=\"demo-plan\" value=\"pro\" checked\n                        description=\"Unlimited members · advanced charts · 100 GB storage\">\n          <span slot=\"heading\">\n            Pro\n            <text-ui color=\"subtle\" size=\"sm\">· $49/mo</text-ui>\n            <badge-ui text=\"14-day trial\" variant=\"accent\"></badge-ui>\n          </span>\n        </option-card-ui>\n        <option-card-ui name=\"demo-plan\" value=\"team\"\n                        description=\"Everything in Pro · SSO · audit log · 1 TB storage\">\n          <span slot=\"heading\">Team <text-ui color=\"subtle\" size=\"sm\">· $129/mo</text-ui></span>\n        </option-card-ui>\n      </col-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/option-card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/option-card-icon.json

@@ -0,0 +1,15 @@
+{
+  "name": "option-card-icon",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/option-card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "icon"
+  },
+  "html": "<section data-section data-property=\"icon\" data-chunk=\"option-card-icon\">\n  <h2 variant=\"section\">With leading icon</h2>\n  <p data-note>Adds a leading <code>icon-ui</code> between the radio circle and the heading. Useful when each option maps to a recognizable concept.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"With icons\">\n      <col-ui gap=\"2\" role=\"radiogroup\" aria-label=\"Storage\">\n        <option-card-ui name=\"demo-icon\" value=\"local\" icon=\"hard-drive\" checked\n                        heading=\"Local storage\"\n                        description=\"Files stay on this device. No sync, no upload.\"></option-card-ui>\n        <option-card-ui name=\"demo-icon\" value=\"cloud\" icon=\"cloud-arrow-up\"\n                        heading=\"Cloud storage\"\n                        description=\"Files sync across devices and backup automatically.\"></option-card-ui>\n        <option-card-ui name=\"demo-icon\" value=\"hybrid\" icon=\"arrows-clockwise\"\n                        heading=\"Hybrid\"\n                        description=\"Cache locally, sync changes to the cloud in the background.\"></option-card-ui>\n      </col-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/option-card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/option-card-spillover.json

@@ -0,0 +1,15 @@
+{
+  "name": "option-card-spillover",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/option-card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "spillover"
+  },
+  "html": "<section data-section data-property=\"spillover\" data-chunk=\"option-card-spillover\">\n  <h2 variant=\"section\">Spillover content (default slot)</h2>\n  <p data-note>Drop any unslotted child into the card and it will reveal only when the card is checked — useful for an \"Other\" option that needs a free-text follow-up, or any conditional follow-on input. The textarea below appears only when \"Something else\" is selected.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"With Other + textarea\">\n      <col-ui gap=\"2\" role=\"radiogroup\" aria-label=\"Reason\">\n        <option-card-ui name=\"demo-spill\" value=\"bug\" checked\n                        heading=\"I found a bug\"\n                        description=\"Something isn't working the way you'd expect.\"></option-card-ui>\n        <option-card-ui name=\"demo-spill\" value=\"feature\"\n                        heading=\"I have a feature idea\"\n                        description=\"Something we should build that we haven't yet.\"></option-card-ui>\n        <option-card-ui name=\"demo-spill\" value=\"other\"\n                        heading=\"Something else\"\n                        description=\"Tell us more — we read every response.\">\n          <textarea-ui name=\"demo-spill-detail\" placeholder=\"What's on your mind?\" rows=\"3\"></textarea-ui>\n        </option-card-ui>\n      </col-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/option-card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/otp-input-disabled.json

@@ -0,0 +1,15 @@
+{
+  "name": "otp-input-disabled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/otp-input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "disabled"
+  },
+  "html": "<section data-section data-property=\"disabled\" data-chunk=\"otp-input-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>Prevents interaction with all digit inputs.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"disabled\">\n    <otp-input-ui disabled></otp-input-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"disabled\">\n    <otp-input-ui length=\"4\" disabled></otp-input-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/otp-input/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/otp-input-length.json

@@ -0,0 +1,15 @@
+{
+  "name": "otp-input-length",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/otp-input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "length"
+  },
+  "html": "<section data-section data-property=\"length\" data-chunk=\"otp-input-length\">\n  <h2 variant=\"section\">length</h2>\n  <p data-note>Number of digit boxes. Defaults to 6.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"otp-input\">\n    <otp-input-ui></otp-input-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"otp-input\">\n    <otp-input-ui length=\"4\"></otp-input-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/otp-input/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/otp-input-name.json

@@ -0,0 +1,15 @@
+{
+  "name": "otp-input-name",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/otp-input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "name"
+  },
+  "html": "<section data-section data-property=\"name\" data-chunk=\"otp-input-name\">\n  <h2 variant=\"section\">name</h2>\n  <p data-note>Form field name used when submitting the OTP value.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"name=otp\"><otp-input-ui name=\"otp\"></otp-input-ui></div>\n    <div data-artifact-item data-artifact-label=\"name=verification_code\"><otp-input-ui name=\"verification_code\"></otp-input-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/otp-input/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/otp-input-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "otp-input-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/otp-input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "html": "<section data-section data-property=\"value\" data-chunk=\"otp-input-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Pre-filled OTP value.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"partial 123\"><otp-input-ui value=\"123\"></otp-input-ui></div>\n    <div data-artifact-item data-artifact-label=\"full 123456\"><otp-input-ui value=\"123456\"></otp-input-ui></div>\n    <div data-artifact-item data-artifact-label=\"empty\"><otp-input-ui value=\"\"></otp-input-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/otp-input/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pagination-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "pagination-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pagination",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "html": "<section data-section data-property=\"basic\" data-chunk=\"pagination-basic\">\n  <h2 variant=\"section\">basic (5 pages)</h2>\n  <p data-note>A small page set shows all page numbers without ellipsis.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"5 pages, page 1\">\n      <pagination-ui page=\"1\" total=\"5\"></pagination-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pagination/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pagination-combo.json

@@ -0,0 +1,15 @@
+{
+  "name": "pagination-combo",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pagination",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-combo": ""
+  },
+  "html": "<section data-section data-combo data-chunk=\"pagination-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Various page positions with different total counts.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"middle of small set\">\n      <pagination-ui page=\"3\" total=\"5\"></pagination-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"50 pages, siblings=2, page 7\">\n      <pagination-ui page=\"7\" total=\"50\" siblings=\"2\"></pagination-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"last page of 15\">\n      <pagination-ui page=\"15\" total=\"15\"></pagination-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pagination/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pagination-edge.json

@@ -0,0 +1,15 @@
+{
+  "name": "pagination-edge",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pagination",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-edge": ""
+  },
+  "html": "<section data-section data-edge data-chunk=\"pagination-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 page\">\n      <pagination-ui page=\"1\" total=\"1\"></pagination-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"two pages\">\n      <pagination-ui page=\"1\" total=\"2\"></pagination-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"1000 pages\">\n      <pagination-ui page=\"500\" total=\"1000\"></pagination-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pagination/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pagination-first-page.json

@@ -0,0 +1,15 @@
+{
+  "name": "pagination-first-page",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pagination",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "first-page"
+  },
+  "html": "<section data-section data-property=\"first-page\" data-chunk=\"pagination-first-page\">\n  <h2 variant=\"section\">first page</h2>\n  <p data-note>Previous button is disabled on the first page.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"page 1 of 20\">\n      <pagination-ui page=\"1\" total=\"20\"></pagination-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pagination/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pagination-last-page.json

@@ -0,0 +1,15 @@
+{
+  "name": "pagination-last-page",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pagination",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "last-page"
+  },
+  "html": "<section data-section data-property=\"last-page\" data-chunk=\"pagination-last-page\">\n  <h2 variant=\"section\">last page</h2>\n  <p data-note>Next button is disabled on the last page.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"page 20 of 20\">\n      <pagination-ui page=\"20\" total=\"20\"></pagination-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pagination/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pagination-many-pages.json

@@ -0,0 +1,15 @@
+{
+  "name": "pagination-many-pages",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pagination",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "many-pages"
+  },
+  "html": "<section data-section data-property=\"many-pages\" data-chunk=\"pagination-many-pages\">\n  <h2 variant=\"section\">many pages (20 pages)</h2>\n  <p data-note>With many pages, ellipsis appears between sibling range and edges.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"20 pages, page 5\">\n      <pagination-ui page=\"5\" total=\"20\"></pagination-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pagination/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pagination-page.json

@@ -0,0 +1,15 @@
+{
+  "name": "pagination-page",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pagination",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "page"
+  },
+  "html": "<section data-section data-property=\"page\" data-chunk=\"pagination-page\">\n  <h2 variant=\"section\">page</h2>\n  <p data-note>Currently active page (1-indexed).</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"page=1\"><pagination-ui page=\"1\" total=\"10\"></pagination-ui></div>\n    <div data-artifact-item data-artifact-label=\"page=5\"><pagination-ui page=\"5\" total=\"10\"></pagination-ui></div>\n    <div data-artifact-item data-artifact-label=\"page=10\"><pagination-ui page=\"10\" total=\"10\"></pagination-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/pagination/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pagination-siblings.json

@@ -0,0 +1,15 @@
+{
+  "name": "pagination-siblings",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pagination",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "siblings"
+  },
+  "html": "<section data-section data-property=\"siblings\" data-chunk=\"pagination-siblings\">\n  <h2 variant=\"section\">siblings</h2>\n  <p data-note>Controls how many page numbers appear on each side of the current page. Defaults to 1.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"siblings=1\">\n      <pagination-ui page=\"10\" total=\"20\" siblings=\"1\"></pagination-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"siblings=2\">\n      <pagination-ui page=\"10\" total=\"20\" siblings=\"2\"></pagination-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pagination/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pagination-size.json

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

package/chunks/pagination-total.json

@@ -0,0 +1,15 @@
+{
+  "name": "pagination-total",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pagination",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "total"
+  },
+  "html": "<section data-section data-property=\"total\" data-chunk=\"pagination-total\">\n  <h2 variant=\"section\">total</h2>\n  <p data-note>Total number of pages to display in the control.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"total=3\"><pagination-ui page=\"1\" total=\"3\"></pagination-ui></div>\n    <div data-artifact-item data-artifact-label=\"total=10\"><pagination-ui page=\"1\" total=\"10\"></pagination-ui></div>\n    <div data-artifact-item data-artifact-label=\"total=25\"><pagination-ui page=\"1\" total=\"25\"></pagination-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/pagination/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pagination-variant.json

@@ -0,0 +1,15 @@
+{
+  "name": "pagination-variant",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pagination",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "variant"
+  },
+  "html": "<section data-section data-property=\"variant\" data-chunk=\"pagination-variant\">\n  <h2 variant=\"section\">variant</h2>\n  <p data-note>Default is text-style links. <code>variant=\"button\"</code> renders square 1:1 bordered buttons.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default (text)\">\n      <pagination-ui page=\"3\" total=\"10\"></pagination-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label='variant=\"button\"'>\n      <pagination-ui variant=\"button\" page=\"3\" total=\"10\"></pagination-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pagination/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pane-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "pane-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pane",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "html": "<section data-section data-property=\"basic\" data-chunk=\"pane-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>A pane with a header and content section. Click the header to toggle collapse.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default pane\" style=\"width:300px;\">\n      <pane-ui>\n        <header>Details</header>\n        <section>\n          <div data-col>\n            <p>This is basic pane content. Click the header to collapse.</p>\n          </div>\n        </section>\n      </pane-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pane/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pane-collapsed.json

@@ -0,0 +1,15 @@
+{
+  "name": "pane-collapsed",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pane",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "collapsed"
+  },
+  "html": "<section data-section data-property=\"collapsed\" data-chunk=\"pane-collapsed\">\n  <h2 variant=\"section\">collapsed</h2>\n  <p data-note>Set the collapsed attribute to start the pane in a collapsed state.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"collapsed on load\" style=\"width:300px;\">\n      <pane-ui collapsed>\n        <header>Collapsed Pane</header>\n        <section>\n          <div data-col>\n            <p>This content is hidden until the pane is expanded.</p>\n          </div>\n        </section>\n      </pane-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pane/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pane-combo.json

@@ -0,0 +1,15 @@
+{
+  "name": "pane-combo",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pane",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-combo": ""
+  },
+  "html": "<section data-section data-combo data-chunk=\"pane-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Resizable pane with rich content and multiple sections.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"resizable + sections + footer\">\n      <pane-ui resizable min-width=\"240\" max-width=\"450\" style=\"width:320px;\">\n        <header>Settings</header>\n        <section>\n          <header>General</header>\n          <div data-col>\n            <field-ui label=\"Dark mode\" inline>\n              <switch-ui></switch-ui>\n            </field-ui>\n            <field-ui label=\"Notifications\" inline>\n              <switch-ui checked></switch-ui>\n            </field-ui>\n          </div>\n        </section>\n        <section>\n          <header>Advanced</header>\n          <div data-col>\n            <field-ui label=\"API Key\">\n              <input-ui placeholder=\"sk-...\"></input-ui>\n            </field-ui>\n            <range-ui label=\"Cache TTL\" value=\"3600\" min=\"0\" max=\"86400\"></range-ui>\n          </div>\n        </section>\n        <footer>\n          <button-ui text=\"Reset\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <span style=\"flex:1;\"></span>\n          <button-ui text=\"Apply\" variant=\"primary\" size=\"sm\"></button-ui>\n        </footer>\n      </pane-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pane/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pane-edge.json

@@ -0,0 +1,15 @@
+{
+  "name": "pane-edge",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pane",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-edge": ""
+  },
+  "html": "<section data-section data-edge data-chunk=\"pane-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=\"no content\" style=\"width:300px;\">\n      <pane-ui>\n        <header>Empty Pane</header>\n      </pane-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long header\" style=\"width:300px;\">\n      <pane-ui>\n        <header>This is a pane with a very long header title that may overflow</header>\n        <section>\n          <div data-col>\n            <p>Content here.</p>\n          </div>\n        </section>\n      </pane-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pane/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pane-maxWidth.json

@@ -0,0 +1,15 @@
+{
+  "name": "pane-maxWidth",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pane",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "maxWidth"
+  },
+  "html": "<section data-section data-property=\"maxWidth\" data-chunk=\"pane-maxWidth\">\n  <h2 variant=\"section\">maxWidth</h2>\n  <p data-note>Maximum width the pane may be resized to.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"max-width=320px\"><pane-ui max-width=\"320px\" style=\"height:120px;\">Max 320px</pane-ui></div>\n    <div data-artifact-item data-artifact-label=\"max-width=480px\"><pane-ui max-width=\"480px\" style=\"height:120px;\">Max 480px</pane-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/pane/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pane-minWidth.json

@@ -0,0 +1,15 @@
+{
+  "name": "pane-minWidth",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pane",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "minWidth"
+  },
+  "html": "<section data-section data-property=\"minWidth\" data-chunk=\"pane-minWidth\">\n  <h2 variant=\"section\">minWidth</h2>\n  <p data-note>Minimum width the pane may be resized to.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"min-width=120px\"><pane-ui min-width=\"120px\" style=\"height:120px;\">Min 120px</pane-ui></div>\n    <div data-artifact-item data-artifact-label=\"min-width=240px\"><pane-ui min-width=\"240px\" style=\"height:120px;\">Min 240px</pane-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/pane/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pane-resizable.json

@@ -0,0 +1,15 @@
+{
+  "name": "pane-resizable",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pane",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "resizable"
+  },
+  "html": "<section data-section data-property=\"resizable\" data-chunk=\"pane-resizable\">\n  <h2 variant=\"section\">resizable</h2>\n  <p data-note>Adds a drag handle for width resizing. Constrained by min-width and max-width.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"resizable (200-500px)\">\n      <pane-ui resizable min-width=\"200\" max-width=\"500\" style=\"width:300px;\">\n        <header>Resizable</header>\n        <section>\n          <div data-col>\n            <p>Drag the right edge to resize this pane between 200px and 500px.</p>\n          </div>\n        </section>\n      </pane-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pane/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pane-sections.json

@@ -0,0 +1,15 @@
+{
+  "name": "pane-sections",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pane",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "sections"
+  },
+  "html": "<section data-section data-property=\"sections\" data-chunk=\"pane-sections\">\n  <h2 variant=\"section\">header, sections, footer</h2>\n  <p data-note>A full pane with multiple sections and a footer.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"multi-section with footer\" style=\"width:300px;\">\n      <pane-ui>\n        <header>Inspector</header>\n        <section>\n          <header>Properties</header>\n          <div data-col>\n            <field-ui label=\"Name\">\n              <input-ui placeholder=\"Element name\"></input-ui>\n            </field-ui>\n            <field-ui label=\"ID\">\n              <input-ui placeholder=\"element-id\"></input-ui>\n            </field-ui>\n          </div>\n        </section>\n        <section>\n          <header>Appearance</header>\n          <div data-col>\n            <field-ui label=\"Color\">\n              <select-ui placeholder=\"Choose color\"></select-ui>\n            </field-ui>\n            <range-ui label=\"Opacity\" value=\"100\" min=\"0\" max=\"100\"></range-ui>\n          </div>\n        </section>\n        <footer>\n          <span style=\"color:var(--a-fg-muted); font-size:var(--a-font-size-xs);\">2 properties</span>\n        </footer>\n      </pane-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pane/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pipeline-status-complete.json

@@ -0,0 +1,15 @@
+{
+  "name": "pipeline-status-complete",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pipeline-status",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "complete"
+  },
+  "html": "<section data-section data-property=\"complete\" data-chunk=\"pipeline-status-complete\">\n  <h2 variant=\"section\">complete</h2>\n  <p data-note>Mark the pipeline as finished. The indicator switches to a success state.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"complete\">\n      <pipeline-status-ui stage=\"Done\" message=\"All 100 intents passed\" status=\"completed\"></pipeline-status-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pipeline-status/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pipeline-status-message.json

@@ -0,0 +1,15 @@
+{
+  "name": "pipeline-status-message",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pipeline-status",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "message"
+  },
+  "html": "<section data-section data-property=\"message\" data-chunk=\"pipeline-status-message\">\n  <h2 variant=\"section\">message</h2>\n  <p data-note>A secondary status line. Often updated as the stage progresses.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"message\">\n      <pipeline-status-ui stage=\"Running evals\" message=\"32 / 100 intents scored...\"></pipeline-status-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"message\">\n      <pipeline-status-ui stage=\"Uploading\" message=\"dist.tar.gz (4.2 MB)\"></pipeline-status-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pipeline-status/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/pipeline-status-stage.json

@@ -0,0 +1,15 @@
+{
+  "name": "pipeline-status-stage",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/pipeline-status",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "stage"
+  },
+  "html": "<section data-section data-property=\"stage\" data-chunk=\"pipeline-status-stage\">\n  <h2 variant=\"section\">stage</h2>\n  <p data-note>The current step label, rendered prominently.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"stage\">\n      <pipeline-status-ui stage=\"Building catalog\" message=\"Reading 100 patterns from disk...\"></pipeline-status-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/pipeline-status/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/playground-a2ui.json

@@ -0,0 +1,12 @@
+{
+  "name": "playground-a2ui",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/playground/a2ui",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<div id=\"playground-shell\" data-chunk=\"playground-a2ui\">\n  <!-- Toolbar -->\n  <div id=\"pg-toolbar\">\n    <row-ui gap=\"2\" align=\"center\">\n      <icon-ui name=\"layout\" color=\"muted\"></icon-ui>\n      <text-ui strong>Playground</text-ui>\n      <badge-ui id=\"pg-format-badge\" text=\"\" size=\"sm\" hidden></badge-ui>\n    </row-ui>\n    <row-ui gap=\"1\">\n      <button-ui id=\"pg-btn-example\" text=\"Load Example\" variant=\"ghost\" size=\"sm\" icon=\"lightning\"></button-ui>\n      <divider-ui vertical></divider-ui>\n      <button-ui id=\"pg-btn-clear\" variant=\"ghost\" size=\"sm\" icon=\"trash\" disabled></button-ui>\n      <button-ui id=\"pg-btn-copy\" variant=\"ghost\" size=\"sm\" icon=\"copy\" disabled></button-ui>\n      <button-ui id=\"pg-btn-code\" variant=\"ghost\" size=\"sm\" icon=\"code\" disabled></button-ui>\n    </row-ui>\n  </div>\n\n  <!-- Canvas + drop zone -->\n  <div id=\"pg-canvas-wrap\">\n    <div id=\"pg-drop-overlay\">\n      <col-ui gap=\"2\" align=\"center\">\n        <icon-ui name=\"upload\" size=\"32\" color=\"primary\"></icon-ui>\n        <text-ui weight=\"semibold\" color=\"primary\">Drop A2UI JSON or HTML</text-ui>\n      </col-ui>\n    </div>\n\n    <div id=\"pg-empty\">\n      <empty-state-ui icon=\"code\"\n        heading=\"Paste or drop to render\"\n        description=\"Accepts A2UI JSON, AdiaUI HTML, or plain HTML. Paste from clipboard or drag a file.\">\n      </empty-state-ui>\n    </div>\n\n    <section>\n      <canvas-ui id=\"pg-canvas\"></canvas-ui>\n    </section>\n\n    <footer id=\"pg-code-panel\" hidden>\n      <code-ui id=\"pg-code-view\" language=\"html\" style=\"font-size:var(--a-ui-sm);\"></code-ui>\n    </footer>\n  </div>\n</div>",
+  "source": "site/pages/playground/a2ui/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}