@adia-ai/a2ui-corpus 0.0.3 → 0.0.4

package/chunks/tabs-disabled.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tabs-edge-cases.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tabs-icon.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tabs-keyboard.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tabs-orientation.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tabs-value.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tabs-vertical.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tag-combinations.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tag-disabled.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tag-removable.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tag-size.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tag-text.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/tag-variant.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/text-lines.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/text-truncate.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/text-variant.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/textarea-combinations.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/textarea-disabled.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/textarea-edge-cases.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/textarea-error.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/textarea-label.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/textarea-placeholder.json

@@ -11,5 +11,5 @@
   },
   "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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/textarea-readonly.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"readonly\" data-chunk=\"textarea-readonly\">\n  <h2 variant=\"section\">readonly</h2>\n  <p data-note>Focusable and selectable but not editable.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Terms\">\n    <field-ui label=\"Terms\">\n      <textarea-ui value=\"By using this service you agree to the terms and conditions outlined in this document. Content is read-only.\" readonly rows=\"3\"></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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/textarea-resize.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"resize\" data-chunk=\"textarea-resize\">\n  <h2 variant=\"section\">resize</h2>\n  <p data-note>Controls resize behavior. Defaults to \"vertical\".</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Vertical resize\">\n    <field-ui label=\"Vertical resize\">\n      <textarea-ui placeholder=\"Drag the corner to resize\" resize=\"vertical\"></textarea-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"No resize\">\n    <field-ui label=\"No resize\">\n      <textarea-ui placeholder=\"Fixed height\" 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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/textarea-rows.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"rows\" data-chunk=\"textarea-rows\">\n  <h2 variant=\"section\">rows</h2>\n  <p data-note>Controls the initial visible height. Defaults to 3.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Compact (2 rows)\">\n    <field-ui label=\"Compact (2 rows)\">\n      <textarea-ui placeholder=\"Short input...\" rows=\"2\"></textarea-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Default (3 rows)\">\n    <field-ui label=\"Default (3 rows)\">\n      <textarea-ui placeholder=\"Standard height...\" rows=\"3\"></textarea-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Tall (6 rows)\">\n    <field-ui label=\"Tall (6 rows)\">\n      <textarea-ui placeholder=\"More space for content...\" rows=\"6\"></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"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/timeline-compact.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"compact\" data-chunk=\"timeline-compact\">\n  <h2 variant=\"section\">Compact (size=\"sm\")</h2>\n  <p data-note>Tighter spacing and smaller dots, tuned for agent pipeline traces and chat-adjacent surfaces. Labels align inline with duration on the right.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"compact + spinner + duration\">\n      <timeline-ui size=\"sm\">\n        <timeline-item-ui text=\"interpret: Classifying request\" duration=\"420ms\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"search: Finding patterns\" duration=\"850ms\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"generate: Adapting pattern\" duration=\"2.1s\" status=\"active\" spinner></timeline-item-ui>\n        <timeline-item-ui text=\"validate: Scoring output\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/timeline-error.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"error\" data-chunk=\"timeline-error\">\n  <h2 variant=\"section\">Error state</h2>\n  <p data-note>Use <code>error</code> for items that failed. Can coexist with <code>completed</code> for a run that errored-after-finish.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"error state\">\n      <timeline-ui>\n        <timeline-item-ui text=\"Build\" duration=\"2m 10s\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Test\" duration=\"1m 04s\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Deploy\" duration=\"45s\" status=\"error\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/timeline-horizontal.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"horizontal\" data-chunk=\"timeline-horizontal\">\n  <h2 variant=\"section\">Horizontal</h2>\n  <p data-note>Horizontal orientation for process flows.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"horizontal\">\n      <timeline-ui orientation=\"horizontal\">\n        <timeline-item-ui text=\"Draft\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Review\" status=\"active\"></timeline-item-ui>\n        <timeline-item-ui text=\"Approved\"></timeline-item-ui>\n        <timeline-item-ui text=\"Published\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/timeline-icons.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"icons\" data-chunk=\"timeline-icons\">\n  <h2 variant=\"section\">With Icons</h2>\n  <p data-note>Custom icon per item via Phosphor name.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"with icons\">\n      <timeline-ui>\n        <timeline-item-ui text=\"Created\" description=\"Issue opened\" icon=\"plus\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"In Review\" description=\"PR submitted\" icon=\"eye\" status=\"active\"></timeline-item-ui>\n        <timeline-item-ui text=\"Merged\" icon=\"git-merge\"></timeline-item-ui>\n        <timeline-item-ui text=\"Deployed\" icon=\"rocket\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/timeline-outcomes.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"outcomes\" data-chunk=\"timeline-outcomes\">\n  <h2 variant=\"section\">Outcomes (expandable)</h2>\n  <p data-note>Set <code>.outcomes = [\"line 1\", \"line 2\"]</code> to show a toggle chevron and expandable sub-list. Fires <code>timeline-toggle</code> on expand/collapse.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"click the chevron to expand\">\n      <timeline-ui size=\"sm\" id=\"demo-outcomes\">\n        <timeline-item-ui id=\"t-out-1\" text=\"search: Ranking corpus\" duration=\"900ms\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"generate\" duration=\"2.3s\" status=\"active\" spinner></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/timeline-variant.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"variant\" data-chunk=\"timeline-variant\">\n  <h2 variant=\"section\">Variant Colors</h2>\n  <p data-note>Per-item variant for color-coded timelines.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"variant colors\">\n      <timeline-ui>\n        <timeline-item-ui text=\"Success\" variant=\"success\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Info\" variant=\"accent\" status=\"active\"></timeline-item-ui>\n        <timeline-item-ui text=\"Warning\" variant=\"warning\"></timeline-item-ui>\n        <timeline-item-ui text=\"Error\" variant=\"danger\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/timeline-vertical.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"vertical\" data-chunk=\"timeline-vertical\">\n  <h2 variant=\"section\">Vertical Timeline</h2>\n  <p data-note>Default orientation. Each item can be completed, active, or pending.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"completed / active / pending\">\n      <timeline-ui>\n        <timeline-item-ui text=\"Order placed\" time=\"2h ago\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Payment confirmed\" time=\"1h ago\" status=\"completed\"></timeline-item-ui>\n        <timeline-item-ui text=\"Processing\" status=\"active\"></timeline-item-ui>\n        <timeline-item-ui text=\"Shipped\"></timeline-item-ui>\n        <timeline-item-ui text=\"Delivered\"></timeline-item-ui>\n      </timeline-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/timeline/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toast-closable.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"closable\" data-chunk=\"toast-closable\">\n  <h2 variant=\"section\">closable</h2>\n  <p data-note>All toasts include a close button by default. Click it to dismiss immediately.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"closable (10s duration)\">\n      <button-ui text=\"Show Closable\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Click the X to dismiss early.',variant:'success',duration:10000}))\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toast-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"toast-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Multiple toasts can stack. Click several buttons quickly to see stacking behavior.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"stacked toasts\">\n      <button-ui text=\"Stack 3 Toasts\" variant=\"primary\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>{const T=customElements.get('toast-ui');T.show({text:'First: File uploaded.',variant:'success',duration:5000});setTimeout(()=>T.show({text:'Second: Processing...',variant:'info',duration:5000}),300);setTimeout(()=>T.show({text:'Third: Complete!',variant:'success',duration:5000}),600);})\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toast-duration.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"duration\" data-chunk=\"toast-duration\">\n  <h2 variant=\"section\">auto-dismiss</h2>\n  <p data-note>Toasts automatically dismiss after the duration (default 4000ms). Set a custom duration.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"2 seconds\">\n      <button-ui text=\"Short (2s)\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'This disappears quickly.',variant:'info',duration:2000}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"4 seconds\">\n      <button-ui text=\"Default (4s)\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Default 4 second toast.',variant:'info'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"8 seconds\">\n      <button-ui text=\"Long (8s)\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'This stays visible for 8 seconds.',variant:'info',duration:8000}))\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toast-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"toast-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=\"long text\">\n      <button-ui text=\"Long Text\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'This is a very long toast message that tests how the component handles overflow when the text content exceeds the typical expected width of a notification popup.',variant:'info',duration:6000}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"empty text\">\n      <button-ui text=\"Empty Text\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'',variant:'info'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"single word\">\n      <button-ui text=\"Short Text\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'OK',variant:'success'}))\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toast-position.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"position\" data-chunk=\"toast-position\">\n  <h2 variant=\"section\">position</h2>\n  <p data-note>Screen position where the toast appears. One of six corner/edge anchors.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"top-left\">\n      <button-ui text=\"Top Left\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Top left',variant:'info',position:'top-left'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"top-center\">\n      <button-ui text=\"Top Center\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Top center',variant:'info',position:'top-center'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"top-right\">\n      <button-ui text=\"Top Right\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Top right',variant:'info',position:'top-right'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom-left\">\n      <button-ui text=\"Bottom Left\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Bottom left',variant:'info',position:'bottom-left'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom-center\">\n      <button-ui text=\"Bottom Center\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Bottom center',variant:'info',position:'bottom-center'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom-right\">\n      <button-ui text=\"Bottom Right\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Bottom right',variant:'info',position:'bottom-right'}))\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toast-text.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"text\" data-chunk=\"toast-text\">\n  <h2 variant=\"section\">text</h2>\n  <p data-note>The message shown in the toast body. Declarative inline toasts render at their specified position.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='text=\"Changes saved successfully.\"'>\n      <toast-ui text=\"Changes saved successfully.\" variant=\"success\" duration=\"0\" position=\"top-right\"></toast-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='text=\"New message received.\"'>\n      <toast-ui text=\"New message received.\" variant=\"info\" duration=\"0\" position=\"top-left\"></toast-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toast-variant.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"variant\" data-chunk=\"toast-variant\">\n  <h2 variant=\"section\">variant</h2>\n  <p data-note>Controls the color scheme and icon. Click each button to show the toast.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default\">\n      <button-ui text=\"Default\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Default notification',variant:'default'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"info\">\n      <button-ui text=\"Info\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Here is some information.',variant:'info'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"success\">\n      <button-ui text=\"Success\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Changes saved successfully!',variant:'success'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"warning\">\n      <button-ui text=\"Warning\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'API rate limit approaching.',variant:'warning'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"danger\">\n      <button-ui text=\"Danger\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'Failed to delete resource.',variant:'danger'}))\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"error\">\n      <button-ui text=\"Error\" variant=\"outline\" size=\"sm\"\n        onclick=\"customElements.whenDefined('toast-ui').then(()=>customElements.get('toast-ui').show({text:'An error occurred while saving.',variant:'error'}))\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toast/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toggle-group-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"toggle-group-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Multi-property pairings.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"icon + text + single + disabled\">\n      <toggle-group-ui value=\"grid\" single>\n        <toggle-option-ui value=\"list\" icon=\"list\" text=\"List\"></toggle-option-ui>\n        <toggle-option-ui value=\"grid\" icon=\"squares-four\" text=\"Grid\"></toggle-option-ui>\n        <toggle-option-ui value=\"kanban\" icon=\"kanban\" text=\"Board\" disabled></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"multi-select with icons + text\">\n      <toggle-group-ui value=\"email,push\">\n        <toggle-option-ui value=\"email\" icon=\"envelope\" text=\"Email\"></toggle-option-ui>\n        <toggle-option-ui value=\"push\" icon=\"bell\" text=\"Push\"></toggle-option-ui>\n        <toggle-option-ui value=\"sms\" icon=\"chat-circle\" text=\"SMS\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toggle-group-disabled.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"disabled\" data-chunk=\"toggle-group-disabled\">\n  <h2 variant=\"section\">disabled option</h2>\n  <p data-note>Individual options can be disabled. They remain visible but cannot be toggled.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"underline + strike disabled\">\n      <toggle-group-ui value=\"bold\">\n        <toggle-option-ui value=\"bold\" icon=\"text-b\"></toggle-option-ui>\n        <toggle-option-ui value=\"italic\" icon=\"text-italic\"></toggle-option-ui>\n        <toggle-option-ui value=\"underline\" icon=\"text-underline\" disabled></toggle-option-ui>\n        <toggle-option-ui value=\"strikethrough\" icon=\"text-strikethrough\" disabled></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toggle-group-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"toggle-group-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 option\">\n      <toggle-group-ui>\n        <toggle-option-ui value=\"only\" icon=\"star\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"many options\">\n      <toggle-group-ui>\n        <toggle-option-ui value=\"a\" text=\"A\"></toggle-option-ui>\n        <toggle-option-ui value=\"b\" text=\"B\"></toggle-option-ui>\n        <toggle-option-ui value=\"c\" text=\"C\"></toggle-option-ui>\n        <toggle-option-ui value=\"d\" text=\"D\"></toggle-option-ui>\n        <toggle-option-ui value=\"e\" text=\"E\"></toggle-option-ui>\n        <toggle-option-ui value=\"f\" text=\"F\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"all selected\">\n      <toggle-group-ui value=\"bold,italic,underline,strike\">\n        <toggle-option-ui value=\"bold\" icon=\"text-b\"></toggle-option-ui>\n        <toggle-option-ui value=\"italic\" icon=\"text-italic\"></toggle-option-ui>\n        <toggle-option-ui value=\"underline\" icon=\"text-underline\"></toggle-option-ui>\n        <toggle-option-ui value=\"strike\" icon=\"text-strikethrough\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toggle-group-icon-group.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"icon-group\" data-chunk=\"toggle-group-icon-group\">\n  <h2 variant=\"section\">icon group</h2>\n  <p data-note>Icon-only toggle options for formatting controls. Multiple can be active simultaneously.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"bold/italic/underline\">\n      <toggle-group-ui value=\"bold\">\n        <toggle-option-ui value=\"bold\" icon=\"text-b\"></toggle-option-ui>\n        <toggle-option-ui value=\"italic\" icon=\"text-italic\"></toggle-option-ui>\n        <toggle-option-ui value=\"underline\" icon=\"text-underline\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toggle-group-pre-selected.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"pre-selected\" data-chunk=\"toggle-group-pre-selected\">\n  <h2 variant=\"section\">pre-selected</h2>\n  <p data-note>Comma-separated values in the value attribute select multiple options on load.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"bold + italic pre-selected\">\n      <toggle-group-ui value=\"bold,italic\">\n        <toggle-option-ui value=\"bold\" icon=\"text-b\"></toggle-option-ui>\n        <toggle-option-ui value=\"italic\" icon=\"text-italic\"></toggle-option-ui>\n        <toggle-option-ui value=\"underline\" icon=\"text-underline\"></toggle-option-ui>\n        <toggle-option-ui value=\"strikethrough\" icon=\"text-strikethrough\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toggle-group-single-vs-multi.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"single-vs-multi\" data-chunk=\"toggle-group-single-vs-multi\">\n  <h2 variant=\"section\">single vs multi</h2>\n  <p data-note>Multi-select is the default. Add <code>single</code> for radio-like single-select behavior.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"multi (default)\">\n      <toggle-group-ui value=\"bold,italic\">\n        <toggle-option-ui value=\"bold\" icon=\"text-b\"></toggle-option-ui>\n        <toggle-option-ui value=\"italic\" icon=\"text-italic\"></toggle-option-ui>\n        <toggle-option-ui value=\"underline\" icon=\"text-underline\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"single\">\n      <toggle-group-ui single>\n        <toggle-option-ui value=\"list\" text=\"List\"></toggle-option-ui>\n        <toggle-option-ui value=\"grid\" text=\"Grid\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toggle-group-single.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"single\" data-chunk=\"toggle-group-single\">\n  <h2 variant=\"section\">single select</h2>\n  <p data-note>Add the <code>single</code> attribute to allow only one option at a time.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"single select alignment\">\n      <toggle-group-ui value=\"left\" single>\n        <toggle-option-ui value=\"left\" icon=\"text-align-left\"></toggle-option-ui>\n        <toggle-option-ui value=\"center\" icon=\"text-align-center\"></toggle-option-ui>\n        <toggle-option-ui value=\"right\" icon=\"text-align-right\"></toggle-option-ui>\n        <toggle-option-ui value=\"justify\" icon=\"text-align-justify\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toggle-group-text-group.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"text-group\" data-chunk=\"toggle-group-text-group\">\n  <h2 variant=\"section\">text group</h2>\n  <p data-note>Text-only toggle options for label-based selections.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"text options\">\n      <toggle-group-ui value=\"week\">\n        <toggle-option-ui value=\"day\" text=\"Day\"></toggle-option-ui>\n        <toggle-option-ui value=\"week\" text=\"Week\"></toggle-option-ui>\n        <toggle-option-ui value=\"month\" text=\"Month\"></toggle-option-ui>\n        <toggle-option-ui value=\"year\" text=\"Year\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toggle-group-value.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"value\" data-chunk=\"toggle-group-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Selected option key. Set via the <code>value</code> attribute; matches a child's <code>value</code>.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"value=list\">\n      <toggle-group-ui value=\"list\">\n        <toggle-option-ui value=\"list\" text=\"List\"></toggle-option-ui>\n        <toggle-option-ui value=\"grid\" text=\"Grid\"></toggle-option-ui>\n        <toggle-option-ui value=\"board\" text=\"Board\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"value=grid\">\n      <toggle-group-ui value=\"grid\">\n        <toggle-option-ui value=\"list\" text=\"List\"></toggle-option-ui>\n        <toggle-option-ui value=\"grid\" text=\"Grid\"></toggle-option-ui>\n        <toggle-option-ui value=\"board\" text=\"Board\"></toggle-option-ui>\n      </toggle-group-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toggle-group/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toolbar-align.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"align\" data-chunk=\"toolbar-align\">\n  <h2 variant=\"section\">align</h2>\n  <p data-note>Controls horizontal alignment of items within the toolbar.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"start\">\n      <toolbar-ui align=\"start\" style=\"width:100%;\">\n        <button-ui icon=\"plus\" 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  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"center\">\n      <toolbar-ui align=\"center\" style=\"width:100%;\">\n        <button-ui icon=\"plus\" 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  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"end\">\n      <toolbar-ui align=\"end\" style=\"width:100%;\">\n        <button-ui icon=\"plus\" 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  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"space-between\">\n      <toolbar-ui align=\"space-between\" style=\"width:100%;\">\n        <button-ui icon=\"arrow-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui text=\"Title\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"arrow-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toolbar-basic.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"basic\" data-chunk=\"toolbar-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>Icon buttons arranged in a horizontal toolbar.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"basic icon buttons\">\n      <toolbar-ui bordered>\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-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toolbar-bordered.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"bordered\" data-chunk=\"toolbar-bordered\">\n  <h2 variant=\"section\">bordered</h2>\n  <p data-note>Add the bordered attribute for a visible frame around the toolbar.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default (no border)\">\n      <toolbar-ui>\n        <button-ui icon=\"arrow-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"arrow-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <divider-ui vertical></divider-ui>\n        <button-ui icon=\"arrow-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bordered\">\n      <toolbar-ui bordered>\n        <button-ui icon=\"arrow-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"arrow-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <divider-ui vertical></divider-ui>\n        <button-ui icon=\"arrow-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }

package/chunks/toolbar-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"toolbar-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Rich editor toolbar with groups, dividers, and mixed controls. Segmented and select controls stay together as atomic groups when the bar overflows.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"editor toolbar\">\n      <toolbar-ui bordered gap=\"sm\">\n        <toolbar-group-ui>\n          <button-ui icon=\"arrow-counter-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"arrow-clockwise\" 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-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=\"code\" 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        </toolbar-group-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n  <div data-artifact-container data-mt-sm>\n    <div data-artifact-item data-artifact-label=\"mixed controls + resizable\">\n      <div style=\"resize:horizontal;overflow:auto;min-width:6rem;max-width:100%;width:760px;border:1px dashed var(--a-border-subtle);border-radius:var(--a-radius-md);padding:0.5rem;\">\n        <toolbar-ui bordered gap=\"md\" style=\"width:100%;\">\n          <toolbar-group-ui>\n            <segmented-ui>\n              <button-ui text=\"Edit\" size=\"sm\"></button-ui>\n              <button-ui text=\"Preview\" size=\"sm\"></button-ui>\n            </segmented-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <select-ui size=\"sm\" style=\"min-width: 8rem;\">\n              <option value=\"p\">Paragraph</option>\n              <option value=\"h1\">Heading 1</option>\n              <option value=\"h2\">Heading 2</option>\n              <option value=\"h3\">Heading 3</option>\n            </select-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"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            <button-ui icon=\"quotes\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"arrow-counter-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"arrow-clockwise\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n        </toolbar-ui>\n      </div>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T05:34:07.483Z"
 }