@adia-ai/a2ui-corpus 0.0.7 → 0.2.0

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toast-variant.json

@@ -9,7 +9,7 @@
     "data-section": "",
     "data-property": "variant"
   },
-  "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>",
+  "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 (alias of danger)\">\n      <button-ui text=\"Error\" variant=\"outline\" size=\"sm\"\n        onclick=\"window.dispatchEvent(new CustomEvent('toast',{detail:{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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-dividers.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"dividers\" data-chunk=\"toolbar-dividers\">\n  <h2 variant=\"section\">with dividers</h2>\n  <p data-note>Use divider-ui with vertical attribute to separate button groups visually.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"grouped with dividers\">\n      <toolbar-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=\"text-align-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-align-center\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"text-align-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-group-ui>\n        <divider-ui vertical></divider-ui>\n        <toolbar-group-ui>\n          <button-ui icon=\"list-bullets\" variant=\"ghost\" size=\"sm\"></button-ui>\n          <button-ui icon=\"list-numbers\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </toolbar-group-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"toolbar-edge\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"single item\">\n      <toolbar-ui>\n        <button-ui icon=\"star\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"many items (overflow)\">\n      <toolbar-ui>\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"trash\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"copy\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"download\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"upload\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"share\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"gear\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"eye\" 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-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-gap.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"gap\" data-chunk=\"toolbar-gap\">\n  <h2 variant=\"section\">gap</h2>\n  <p data-note>Controls spacing between items. Defaults to \"sm\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"sm\">\n      <toolbar-ui gap=\"sm\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"md\">\n      <toolbar-ui gap=\"md\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"lg\">\n      <toolbar-ui gap=\"lg\">\n        <button-ui icon=\"plus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"minus\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <button-ui icon=\"pencil\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-overflow-none.json

@@ -26,5 +26,5 @@
       "html": "<section data-section data-property=\"overflow-none\" data-chunk=\"toolbar-overflow-none\">\n  <h2 variant=\"section\">overflow: none</h2>\n  <p data-note>Disables overflow handling — items simply wrap or clip per layout.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"overflow=none\">\n      <toolbar-ui overflow=\"none\">\n        <button-ui text=\"Bold\" icon=\"text-b\"></button-ui>\n        <button-ui text=\"Italic\" icon=\"text-italic\"></button-ui>\n        <button-ui text=\"Underline\" icon=\"text-underline\"></button-ui>\n        <button-ui text=\"Strike\" icon=\"text-strikethrough\"></button-ui>\n      </toolbar-ui>\n      </div>\n  </div>\n</section>"
     }
   ],
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/toolbar-overflow.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"overflow\" data-chunk=\"toolbar-overflow\">\n  <h2 variant=\"section\">overflow spillover</h2>\n  <p data-note>When items don't fit, they move into a spillover popover. Groups stay atomic — they move as a unit. Drag the bottom-right corner of the resizable frame to see items collapse into the <kbd-ui>⋯</kbd-ui> menu.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"resize me → spillover menu\">\n      <div style=\"resize:horizontal;overflow:auto;min-width:6rem;max-width:100%;width:520px;border:1px dashed var(--a-border-subtle);border-radius:var(--a-radius-md);padding:0.5rem;\">\n        <toolbar-ui bordered style=\"width:100%;\">\n          <toolbar-group-ui>\n            <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-strikethrough\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"text-align-left\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-align-center\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-align-right\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"text-align-justify\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"list-bullets\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"list-numbers\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n          <divider-ui vertical></divider-ui>\n          <toolbar-group-ui>\n            <button-ui icon=\"link\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"image\" variant=\"ghost\" size=\"sm\"></button-ui>\n            <button-ui icon=\"code\" variant=\"ghost\" size=\"sm\"></button-ui>\n          </toolbar-group-ui>\n        </toolbar-ui>\n      </div>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/toolbar/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tooltip-combinations.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"combinations\" data-chunk=\"tooltip-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Tooltips on various trigger elements and contexts.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"toolbar tooltips\">\n      <div style=\"display:flex; gap:var(--a-space-2);\">\n        <tooltip-ui text=\"Bold\" placement=\"bottom\">\n          <button-ui icon=\"text-b\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Italic\" placement=\"bottom\">\n          <button-ui icon=\"text-italic\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Underline\" placement=\"bottom\">\n          <button-ui icon=\"text-underline\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n      </div>\n      </div>\n    <div data-artifact-item data-artifact-label=\"navigation icons\">\n      <div style=\"display:flex; gap:var(--a-space-2);\">\n        <tooltip-ui text=\"Home\" placement=\"bottom\">\n          <button-ui icon=\"house\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Search\" placement=\"bottom\">\n          <button-ui icon=\"magnifying-glass\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Notifications\" placement=\"bottom\">\n          <button-ui icon=\"bell\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n        <tooltip-ui text=\"Profile\" placement=\"bottom\">\n          <button-ui icon=\"user\" variant=\"ghost\" size=\"sm\"></button-ui>\n        </tooltip-ui>\n      </div>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tooltip-delay.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"delay\" data-chunk=\"tooltip-delay\">\n  <h2 variant=\"section\">delay</h2>\n  <p data-note>Milliseconds before the tooltip appears. Defaults to 400ms.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"0ms\">\n      <tooltip-ui text=\"Instant tooltip\" delay=\"0\">\n        <button-ui text=\"No Delay\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"400ms (default)\">\n      <tooltip-ui text=\"Default delay tooltip\">\n        <button-ui text=\"Default\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"1000ms\">\n      <tooltip-ui text=\"Slow tooltip\" delay=\"1000\">\n        <button-ui text=\"Slow\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tooltip-edge-cases.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"tooltip-edge-cases\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"empty text (no popup)\">\n      <tooltip-ui text=\"\">\n        <button-ui text=\"Empty Tooltip\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"non-button trigger\">\n      <tooltip-ui text=\"Tooltip on plain text\">\n        <span style=\"text-decoration:underline; cursor:help;\">Hover this text</span>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tooltip-placement.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"placement\" data-chunk=\"tooltip-placement\">\n  <h2 variant=\"section\">placement</h2>\n  <p data-note>Controls which side the tooltip appears on. Defaults to \"top\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"top\">\n      <tooltip-ui text=\"Appears on top\" placement=\"top\">\n        <button-ui text=\"Top\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom\">\n      <tooltip-ui text=\"Appears on bottom\" placement=\"bottom\">\n        <button-ui text=\"Bottom\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"left\">\n      <tooltip-ui text=\"Appears on left\" placement=\"left\">\n        <button-ui text=\"Left\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"right\">\n      <tooltip-ui text=\"Appears on right\" placement=\"right\">\n        <button-ui text=\"Right\" variant=\"outline\"></button-ui>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tooltip-text.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"text\" data-chunk=\"tooltip-text\">\n  <h2 variant=\"section\">text</h2>\n  <p data-note>The tooltip content displayed on hover or focus. Hover the buttons below to see tooltips.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"short text\">\n      <tooltip-ui text=\"Save your changes\">\n        <button-ui text=\"Save\" variant=\"primary\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long text\">\n      <tooltip-ui text=\"This action cannot be undone. All data will be permanently removed from our servers.\">\n        <button-ui text=\"Delete\" color=\"danger\"></button-ui>\n      </tooltip-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"icon button\">\n      <tooltip-ui text=\"Settings\">\n        <button-ui icon=\"gear\" variant=\"ghost\"></button-ui>\n      </tooltip-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tooltip/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-basic.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"basic\" data-chunk=\"tree-basic\">\n  <h2 variant=\"section\">nested items</h2>\n  <p data-note>Tree items can be nested to any depth. Click an item to select it and toggle its children.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"file tree\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"src\" icon=\"folder\">\n          <tree-item-ui text=\"components\" icon=\"folder\">\n            <tree-item-ui text=\"button.js\" icon=\"file\"></tree-item-ui>\n            <tree-item-ui text=\"input.js\" icon=\"file\"></tree-item-ui>\n            <tree-item-ui text=\"modal.js\" icon=\"file\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"styles\" icon=\"folder\">\n            <tree-item-ui text=\"tokens.css\" icon=\"file\"></tree-item-ui>\n            <tree-item-ui text=\"styles.css\" icon=\"file\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"index.js\" icon=\"file\"></tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"tree-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Deep nesting with icons representing a project structure.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"project structure\" style=\"width:320px;\">\n      <tree-ui>\n        <tree-item-ui text=\"adia-ui\" icon=\"folder\" open>\n          <tree-item-ui text=\"components\" icon=\"folder\" open>\n            <tree-item-ui text=\"button\" icon=\"folder\">\n              <tree-item-ui text=\"button.js\" icon=\"file\"></tree-item-ui>\n              <tree-item-ui text=\"button.css\" icon=\"file\"></tree-item-ui>\n            </tree-item-ui>\n            <tree-item-ui text=\"input\" icon=\"folder\">\n              <tree-item-ui text=\"input.js\" icon=\"file\"></tree-item-ui>\n              <tree-item-ui text=\"input.css\" icon=\"file\"></tree-item-ui>\n            </tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"styles\" icon=\"folder\">\n            <tree-item-ui text=\"tokens.css\" icon=\"file\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"package.json\" icon=\"file\"></tree-item-ui>\n          <tree-item-ui text=\"README.md\" icon=\"file\"></tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"tree-edge\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"single item\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Only item\" icon=\"file\"></tree-item-ui>\n      </tree-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"deep nesting (5 levels)\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Level 1\" icon=\"folder\">\n          <tree-item-ui text=\"Level 2\" icon=\"folder\">\n            <tree-item-ui text=\"Level 3\" icon=\"folder\">\n              <tree-item-ui text=\"Level 4\" icon=\"folder\">\n                <tree-item-ui text=\"Level 5\" icon=\"file\"></tree-item-ui>\n              </tree-item-ui>\n            </tree-item-ui>\n          </tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long text\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"This is a tree item with a very long label that tests overflow\" icon=\"file\"></tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-expand-collapse.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"expand-collapse\" data-chunk=\"tree-expand-collapse\">\n  <h2 variant=\"section\">expand / collapse</h2>\n  <p data-note>Items with children can be expanded or collapsed. Use the open attribute to pre-expand.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"pre-expanded\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Page\" icon=\"browser\" open>\n          <tree-item-ui text=\"Header\" icon=\"layout\">\n            <tree-item-ui text=\"Logo\" icon=\"image\"></tree-item-ui>\n            <tree-item-ui text=\"Navigation\" icon=\"list\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"Hero Section\" icon=\"image\" open>\n            <tree-item-ui text=\"Title\" icon=\"text-aa\"></tree-item-ui>\n            <tree-item-ui text=\"Subtitle\" icon=\"text-aa\"></tree-item-ui>\n            <tree-item-ui text=\"CTA Button\" icon=\"cursor-click\"></tree-item-ui>\n          </tree-item-ui>\n          <tree-item-ui text=\"Footer\" icon=\"layout\">\n            <tree-item-ui text=\"Links\" icon=\"link\"></tree-item-ui>\n            <tree-item-ui text=\"Copyright\" icon=\"text-aa\"></tree-item-ui>\n          </tree-item-ui>\n        </tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-selection.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"selection\" data-chunk=\"tree-selection\">\n  <h2 variant=\"section\">selection</h2>\n  <p data-note>Clicking an item selects it. Only one item is selected at a time.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"click to select\" style=\"width:300px;\">\n      <tree-ui>\n        <tree-item-ui text=\"Dashboard\" icon=\"chart-bar\"></tree-item-ui>\n        <tree-item-ui text=\"Settings\" icon=\"gear\">\n          <tree-item-ui text=\"General\" icon=\"sliders\"></tree-item-ui>\n          <tree-item-ui text=\"Security\" icon=\"lock\"></tree-item-ui>\n          <tree-item-ui text=\"Notifications\" icon=\"bell\"></tree-item-ui>\n        </tree-item-ui>\n        <tree-item-ui text=\"Profile\" icon=\"user\"></tree-item-ui>\n        <tree-item-ui text=\"Help\" icon=\"question\"></tree-item-ui>\n      </tree-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/tree/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/tree-table-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "tree-table-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/data-tables-inline-edit-and-tree",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "tree-table-basic"
+  },
+  "html": "<section data-section data-property=\"tree-table-basic\" data-chunk=\"tree-table-basic\">\n  <h2 variant=\"section\">Tree table — hierarchical rows</h2>\n  <p data-note>Use <code>&lt;tree-ui&gt;</code> for the recursion. Each <code>&lt;tree-item-ui&gt;</code> renders the chevron + indent automatically; nested items go inside the parent's default slot. Common in budgets, org charts, file browsers.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"tree table\">\n      <card-ui style=\"max-width: 640px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Q4 budget — by department</span>\n          <text-ui slot=\"description\" color=\"subtle\">Total: $1.24M · 4 departments · 12 categories</text-ui>\n        </header>\n        <section bleed>\n          <tree-ui style=\"padding: var(--a-space-2);\">\n            <tree-item-ui text=\"Engineering — $620k\" icon=\"cpu\">\n              <tree-item-ui text=\"Salaries — $480k\"></tree-item-ui>\n              <tree-item-ui text=\"Tooling — $80k\"></tree-item-ui>\n              <tree-item-ui text=\"Travel — $60k\"></tree-item-ui>\n            </tree-item-ui>\n            <tree-item-ui text=\"Design — $180k\" icon=\"palette\">\n              <tree-item-ui text=\"Salaries — $140k\"></tree-item-ui>\n              <tree-item-ui text=\"Software — $20k\"></tree-item-ui>\n              <tree-item-ui text=\"Conferences — $20k\"></tree-item-ui>\n            </tree-item-ui>\n            <tree-item-ui text=\"Sales &amp; marketing — $320k\" icon=\"megaphone-simple\">\n              <tree-item-ui text=\"Salaries — $200k\"></tree-item-ui>\n              <tree-item-ui text=\"Ad spend — $80k\"></tree-item-ui>\n              <tree-item-ui text=\"Events — $40k\"></tree-item-ui>\n            </tree-item-ui>\n            <tree-item-ui text=\"Operations — $120k\" icon=\"gear\"></tree-item-ui>\n          </tree-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/data-tables-inline-edit-and-tree/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/upload-accept.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"accept\" data-chunk=\"upload-accept\">\n  <h2 variant=\"section\">accept</h2>\n  <p data-note>Restricts accepted file types using MIME types or extensions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"images only\">\n      <upload-ui accept=\"image/*\"></upload-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"documents\">\n      <upload-ui accept=\".pdf,.doc,.docx\"></upload-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-default.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"default\" data-chunk=\"upload-default\">\n  <h2 variant=\"section\">Default</h2>\n  <p data-note>Basic file upload with drag-and-drop zone.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default\">\n      <upload-ui></upload-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-disabled.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"disabled\" data-chunk=\"upload-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>Prevents interaction.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"disabled\">\n      <upload-ui disabled></upload-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-hint.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"hint\" data-chunk=\"upload-hint\">\n  <h2 variant=\"section\">hint</h2>\n  <p data-note>Helper text shown below the dropzone.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"format hint\">\n      <field-ui label=\"Avatar\">\n        <upload-ui hint=\"PNG or JPG, up to 2MB\"></upload-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"size + type hint\">\n      <field-ui label=\"Dataset\">\n        <upload-ui hint=\"CSV files only. Max 50MB per file.\" accept=\".csv\" multiple></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-label-hint.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"label-hint\" data-chunk=\"upload-label-hint\">\n  <h2 variant=\"section\">Label + Hint</h2>\n  <p data-note>Field label and helper text for form context.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"label + hint\">\n      <field-ui label=\"Profile Photo\">\n        <upload-ui hint=\"Max 5MB. JPG or PNG recommended.\" accept=\"image/*\"></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-label.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"label\" data-chunk=\"upload-label\">\n  <h2 variant=\"section\">label</h2>\n  <p data-note>Field label rendered above the dropzone.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"no label\">\n      <upload-ui></upload-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='label=\"Upload File\"'>\n      <field-ui label=\"Upload File\">\n        <upload-ui></upload-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"label + accept\">\n      <field-ui label=\"Cover Image\">\n        <upload-ui accept=\"image/*\"></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-multiple.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"multiple\" data-chunk=\"upload-multiple\">\n  <h2 variant=\"section\">multiple</h2>\n  <p data-note>Allow selecting multiple files at once.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"multiple\">\n      <upload-ui multiple></upload-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-name.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"name\" data-chunk=\"upload-name\">\n  <h2 variant=\"section\">name</h2>\n  <p data-note>Form field name — files are submitted under this key when the upload is inside a &lt;form&gt;.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='name=\"attachment\"'>\n      <field-ui label=\"Attachment\">\n        <upload-ui name=\"attachment\"></upload-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='name=\"resume\"'>\n      <field-ui label=\"Resume\">\n        <upload-ui name=\"resume\" accept=\".pdf,.doc,.docx\"></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/upload-value.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"value\" data-chunk=\"upload-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Current value string (set internally from selected files; also reflected for form participation).</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='value=\"\"'>\n      <field-ui label=\"Empty\">\n        <upload-ui value=\"\"></upload-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='value=\"report.pdf\"'>\n      <field-ui label=\"Pre-filled\">\n        <upload-ui value=\"report.pdf\"></upload-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/upload/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/verification-document-upload.json

@@ -0,0 +1,15 @@
+{
+  "name": "verification-document-upload",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/profile-public-and-verification",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "document-upload"
+  },
+  "html": "<section data-section data-property=\"document-upload\" data-chunk=\"verification-document-upload\">\n  <h2 variant=\"section\">Document upload step</h2>\n  <p data-note>The document-capture step. <code>upload-ui</code> with `accept=\"image/*,.pdf\"`, hint about supported formats, and security copy explaining what happens to the file. Front + back uploads for ID cards.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"document upload\">\n      <card-ui style=\"max-width: 640px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Upload your government-issued ID</span>\n          <text-ui slot=\"description\" color=\"subtle\">Passport, driver's license, or national ID card</text-ui>\n        </header>\n        <section>\n          <col-ui gap=\"3\">\n            <field-ui label=\"Document type\" required>\n              <select-ui name=\"doc_type\">\n                <option value=\"passport\">Passport</option>\n                <option value=\"license\" selected>Driver's license</option>\n                <option value=\"national_id\">National ID card</option>\n              </select-ui>\n            </field-ui>\n            <upload-ui label=\"Front of license\" accept=\"image/*,.pdf\" hint=\"JPEG, PNG, or PDF · max 10MB\" required></upload-ui>\n            <upload-ui label=\"Back of license\" accept=\"image/*,.pdf\" hint=\"JPEG, PNG, or PDF · max 10MB\" required></upload-ui>\n            <alert-ui variant=\"info\" icon=\"lock\">\n              <col-ui slot=\"content\" gap=\"0-5\">\n                <text-ui strong>Your ID is encrypted in transit and at rest.</text-ui>\n                <text-ui>We use it once to verify your identity, then hold it for 30 days for compliance before deletion.</text-ui>\n              </col-ui>\n            </alert-ui>\n          </col-ui>\n        </section>\n        <footer divider>\n          <button-ui slot=\"action\" text=\"Back\" variant=\"ghost\"></button-ui>\n          <button-ui slot=\"action\" text=\"Continue\" variant=\"primary\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/profile-public-and-verification/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/verification-status.json

@@ -0,0 +1,15 @@
+{
+  "name": "verification-status",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/profile-public-and-verification",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "verification-status"
+  },
+  "html": "<section data-section data-property=\"verification-status\" data-chunk=\"verification-status\">\n  <h2 variant=\"section\">Verification status states</h2>\n  <p data-note>The post-submission states the user sees while the system reviews. Three flavors: pending review (clock), verified (seal-check primary), rejected (warning). Each is a card-ui with status alert + next-action.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"verification pending\">\n      <card-ui style=\"max-width: 480px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Verification submitted</span>\n        </header>\n        <section>\n          <alert-ui variant=\"info\" icon=\"clock-counter-clockwise\">\n            <col-ui slot=\"content\" gap=\"0-5\">\n              <text-ui strong>Under review — usually within 1 business day.</text-ui>\n              <text-ui>We'll email you when your identity is verified or if we need more info.</text-ui>\n            </col-ui>\n          </alert-ui>\n        </section>\n      </card-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"verification verified\">\n      <card-ui style=\"max-width: 480px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">\n            You're verified\n            <tag-ui size=\"sm\" variant=\"primary\" icon-leading=\"seal-check\">Verified</tag-ui>\n          </span>\n        </header>\n        <section>\n          <alert-ui variant=\"success\" icon=\"check-circle\">\n            <col-ui slot=\"content\" gap=\"0-5\">\n              <text-ui strong>Identity confirmed.</text-ui>\n              <text-ui>Payouts and high-value actions are now unlocked.</text-ui>\n            </col-ui>\n          </alert-ui>\n        </section>\n      </card-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"verification rejected\">\n      <card-ui style=\"max-width: 480px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">We couldn't verify your ID</span>\n        </header>\n        <section>\n          <alert-ui variant=\"warning\" icon=\"warning\">\n            <col-ui slot=\"content\" gap=\"0-5\">\n              <text-ui strong>The document image was unreadable.</text-ui>\n              <text-ui>Try again with a clearer photo — make sure all corners are visible and there's no glare.</text-ui>\n            </col-ui>\n          </alert-ui>\n        </section>\n        <footer divider>\n          <button-ui slot=\"action\" text=\"Try again\" variant=\"primary\" icon-leading=\"arrow-counter-clockwise\"></button-ui>\n          <button-ui slot=\"action\" text=\"Contact support\" variant=\"ghost\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/profile-public-and-verification/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/verification-stepper.json

@@ -0,0 +1,15 @@
+{
+  "name": "verification-stepper",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/profile-public-and-verification",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "verification-stepper"
+  },
+  "html": "<section data-section data-property=\"verification-stepper\" data-chunk=\"verification-stepper\">\n  <h2 variant=\"section\">Identity verification — flow stepper</h2>\n  <p data-note>The progress indicator across the verification flow. Steps: Personal info → Document upload → Selfie → Review. Uses <code>stepper-ui</code> with completed states. Each step is a separate page (or drawer step), not a single long form.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"verification stepper\">\n      <card-ui style=\"max-width: 720px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Verify your identity</span>\n          <text-ui slot=\"description\" color=\"subtle\">Required for payouts and agent-driven transactions over $1,000</text-ui>\n        </header>\n        <section>\n          <stepper-ui orientation=\"horizontal\" step=\"2\">\n            <stepper-item-ui text=\"Personal info\" description=\"Legal name, date of birth\"></stepper-item-ui>\n            <stepper-item-ui text=\"Document\" description=\"Government-issued ID\"></stepper-item-ui>\n            <stepper-item-ui text=\"Selfie\" description=\"Match the photo on your ID\"></stepper-item-ui>\n            <stepper-item-ui text=\"Review\" description=\"Usually within 1 business day\"></stepper-item-ui>\n          </stepper-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/profile-public-and-verification/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}

package/chunks/webhooks-list.json

@@ -0,0 +1,15 @@
+{
+  "name": "webhooks-list",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/admin-keys-and-export",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "webhooks-list"
+  },
+  "html": "<section data-section data-property=\"webhooks-list\" data-chunk=\"webhooks-list\">\n  <h2 variant=\"section\">Webhooks list</h2>\n  <p data-note>Endpoints + the events they subscribe to + last delivery status. Failed deliveries surface as a danger tag with a \"Retry\" affordance per row.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"webhooks list\">\n      <card-ui style=\"max-width: 720px;\">\n        <header>\n          <span slot=\"heading\" variant=\"section\">Webhooks</span>\n          <text-ui slot=\"description\" color=\"subtle\">2 endpoints · 1 failing</text-ui>\n          <button-ui slot=\"action\" text=\"Add endpoint\" variant=\"primary\" size=\"sm\" icon-leading=\"plus\"></button-ui>\n        </header>\n        <section bleed>\n          <list-ui divider contained>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"center\">\n                <icon-ui name=\"webhooks-logo\" size=\"sm\"></icon-ui>\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>https://api.example.com/adia/events</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">5 events · last delivery 3 minutes ago</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\" variant=\"success\">200 OK</tag-ui>\n                <button-ui icon=\"dots-three-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Manage\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n            <list-item-ui>\n              <row-ui gap=\"3\" align=\"center\">\n                <icon-ui name=\"webhooks-logo\" size=\"sm\"></icon-ui>\n                <col-ui gap=\"0\" grow>\n                  <text-ui strong>https://hooks.zapier.com/…/abc123/</text-ui>\n                  <text-ui color=\"subtle\" size=\"sm\">3 events · last attempt 2 hours ago · 3 retries</text-ui>\n                </col-ui>\n                <tag-ui size=\"sm\" variant=\"danger\">503</tag-ui>\n                <button-ui text=\"Retry\" variant=\"ghost\" size=\"sm\"></button-ui>\n                <button-ui icon=\"dots-three-vertical\" variant=\"ghost\" size=\"sm\" aria-label=\"Manage\"></button-ui>\n              </row-ui>\n            </list-item-ui>\n          </list-ui>\n        </section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/admin-keys-and-export/index.html",
+  "captured_at": "2026-05-01T19:13:23.303Z"
+}