@adia-ai/a2ui-corpus 0.0.7 → 0.2.0

package/chunks/layout-grid.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"grid\" data-chunk=\"layout-grid\">\n  <h2 variant=\"section\">grid-ui</h2>\n  <p data-note>CSS grid with a fixed column count or responsive auto-fill / auto-fit.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='columns=\"2\"'>\n      <grid-ui columns=\"2\" gap=\"sm\">\n        <block-ui>1</block-ui>\n        <block-ui>2</block-ui>\n        <block-ui>3</block-ui>\n        <block-ui>4</block-ui>\n      </grid-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='columns=\"3\"'>\n      <grid-ui columns=\"3\" gap=\"sm\">\n        <block-ui>1</block-ui>\n        <block-ui>2</block-ui>\n        <block-ui>3</block-ui>\n        <block-ui>4</block-ui>\n        <block-ui>5</block-ui>\n        <block-ui>6</block-ui>\n      </grid-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"auto-fill\">\n      <grid-ui columns=\"auto-fill\" gap=\"sm\">\n        <block-ui>A</block-ui>\n        <block-ui>B</block-ui>\n        <block-ui>C</block-ui>\n        <block-ui>D</block-ui>\n      </grid-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/layout/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/layout-justify.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"justify\" data-chunk=\"layout-justify\">\n  <h2 variant=\"section\">justify</h2>\n  <p data-note>Main-axis distribution. One of start, center, end, space-between, space-around.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"start\">\n      <row-ui justify=\"start\">\n        <block-ui>A</block-ui>\n        <block-ui>B</block-ui>\n      </row-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"center\">\n      <row-ui justify=\"center\">\n        <block-ui>A</block-ui>\n        <block-ui>B</block-ui>\n      </row-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"end\">\n      <row-ui justify=\"end\">\n        <block-ui>A</block-ui>\n        <block-ui>B</block-ui>\n      </row-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"space-between\">\n      <row-ui justify=\"space-between\">\n        <block-ui>A</block-ui>\n        <block-ui>B</block-ui>\n      </row-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/layout/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/layout-row.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"row\" data-chunk=\"layout-row\">\n  <h2 variant=\"section\">row-ui</h2>\n  <p data-note>Flex row. Children lay out horizontally.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='gap=\"sm\"'>\n      <row-ui gap=\"sm\">\n        <block-ui>A</block-ui>\n        <block-ui>B</block-ui>\n        <block-ui>C</block-ui>\n      </row-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='gap=\"lg\"'>\n      <row-ui gap=\"lg\">\n        <block-ui>A</block-ui>\n        <block-ui>B</block-ui>\n        <block-ui>C</block-ui>\n      </row-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/layout/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/layout-stack.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"stack\" data-chunk=\"layout-stack\">\n  <h2 variant=\"section\">stack-ui</h2>\n  <p data-note>Overlay children in the same cell. Use align to position them within the stack.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"center\">\n      <stack-ui align=\"center\" style=\"width:160px;height:120px;border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-md);\">\n        <block-ui>Base</block-ui>\n        <block-ui>Top</block-ui>\n      </stack-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"top-right\">\n      <stack-ui align=\"top-right\" style=\"width:160px;height:120px;border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-md);\">\n        <block-ui>Base</block-ui>\n        <block-ui>Badge</block-ui>\n      </stack-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"bottom-left\">\n      <stack-ui align=\"bottom-left\" style=\"width:160px;height:120px;border:1px solid var(--a-border-subtle);border-radius:var(--a-radius-md);\">\n        <block-ui>Base</block-ui>\n        <block-ui>Tag</block-ui>\n      </stack-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/layout/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/layout-wrap.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"wrap\" data-chunk=\"layout-wrap\">\n  <h2 variant=\"section\">wrap</h2>\n  <p data-note>Allow row children to wrap onto additional lines when they overflow.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"wrap\">\n      <row-ui wrap gap=\"sm\" style=\"max-width:240px;\">\n        <block-ui>One</block-ui>\n        <block-ui>Two</block-ui>\n        <block-ui>Three</block-ui>\n        <block-ui>Four</block-ui>\n        <block-ui>Five</block-ui>\n      </row-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/layout/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/list-basic.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"basic\" data-chunk=\"list-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>Simple text-only list items.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"text only\">\n      <list-ui>\n        <list-item-ui text=\"Dashboard\"></list-item-ui>\n        <list-item-ui text=\"Settings\"></list-item-ui>\n        <list-item-ui text=\"Profile\"></list-item-ui>\n        <list-item-ui text=\"Log out\"></list-item-ui>\n      </list-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/list/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/list-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"list-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Icons, descriptions, dividers, and spacing combined.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"divider + lg + icons + descriptions\">\n      <list-ui divider spacing=\"lg\">\n        <list-item-ui icon=\"user\" text=\"Alice Chen\" description=\"Engineer -- Platform team\"></list-item-ui>\n        <list-item-ui icon=\"user\" text=\"Bob Smith\" description=\"Designer -- Product team\"></list-item-ui>\n        <list-item-ui icon=\"user\" text=\"Carol Davis\" description=\"PM -- Product team\"></list-item-ui>\n      </list-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/list/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/list-description.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"description\" data-chunk=\"list-description\">\n  <h2 variant=\"section\">with descriptions</h2>\n  <p data-note>The description attribute adds secondary text below the item label.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"text + description\">\n      <list-ui>\n        <list-item-ui icon=\"envelope\" text=\"Email\" description=\"Receive notifications via email\"></list-item-ui>\n        <list-item-ui icon=\"bell\" text=\"Push\" description=\"Browser push notifications\"></list-item-ui>\n        <list-item-ui icon=\"chat-circle\" text=\"SMS\" description=\"Text message alerts\"></list-item-ui>\n      </list-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/list/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/list-divider.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"divider\" data-chunk=\"list-divider\">\n  <h2 variant=\"section\">divider</h2>\n  <p data-note>Adds a separator line between each list item.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"divider\">\n      <list-ui divider>\n        <list-item-ui icon=\"file\" text=\"document.pdf\" description=\"2.4 MB\"></list-item-ui>\n        <list-item-ui icon=\"file\" text=\"report.xlsx\" description=\"1.1 MB\"></list-item-ui>\n        <list-item-ui icon=\"file\" text=\"photo.png\" description=\"4.8 MB\"></list-item-ui>\n      </list-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/list/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/list-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"list-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      <list-ui>\n        <list-item-ui text=\"Only item\"></list-item-ui>\n      </list-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long text\">\n      <list-ui>\n        <list-item-ui text=\"This is an extremely long list item label that should demonstrate how the component handles text overflow when the content exceeds the available width\"></list-item-ui>\n      </list-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"empty item\">\n      <list-ui>\n        <list-item-ui></list-item-ui>\n      </list-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/list/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/list-icon.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"icon\" data-chunk=\"list-icon\">\n  <h2 variant=\"section\">with icons</h2>\n  <p data-note>Each item can have a leading icon via the icon attribute.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"icon + text\">\n      <list-ui>\n        <list-item-ui icon=\"house\" text=\"Home\"></list-item-ui>\n        <list-item-ui icon=\"gear\" text=\"Settings\"></list-item-ui>\n        <list-item-ui icon=\"user\" text=\"Profile\"></list-item-ui>\n        <list-item-ui icon=\"sign-out\" text=\"Log out\"></list-item-ui>\n      </list-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/list/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/list-spacing.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"spacing\" data-chunk=\"list-spacing\">\n  <h2 variant=\"section\">spacing</h2>\n  <p data-note>Controls vertical spacing between items. Defaults to \"md\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"sm\">\n      <list-ui spacing=\"sm\">\n        <list-item-ui text=\"Item one\"></list-item-ui>\n        <list-item-ui text=\"Item two\"></list-item-ui>\n        <list-item-ui text=\"Item three\"></list-item-ui>\n      </list-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"md\">\n      <list-ui spacing=\"md\">\n        <list-item-ui text=\"Item one\"></list-item-ui>\n        <list-item-ui text=\"Item two\"></list-item-ui>\n        <list-item-ui text=\"Item three\"></list-item-ui>\n      </list-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"lg\">\n      <list-ui spacing=\"lg\">\n        <list-item-ui text=\"Item one\"></list-item-ui>\n        <list-item-ui text=\"Item two\"></list-item-ui>\n        <list-item-ui text=\"Item three\"></list-item-ui>\n      </list-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/list/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/member-edit-drawer.json

@@ -11,5 +11,5 @@
   },
   "html": "<drawer-ui id=\"member-edit-drawer\" data-chunk=\"member-edit-drawer\" placement=\"end\" size=\"md\">\n  <header>\n    <h2 slot=\"heading\">Edit member</h2>\n    <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Adjust role, manager, and department. Changes save to admin → directory.</text-ui>\n  </header>\n  <section>\n    <field-ui label=\"Full name\">\n      <input-ui name=\"m_name\" value=\"Alex Chen\"></input-ui>\n    </field-ui>\n    <field-ui label=\"Title\">\n      <input-ui name=\"m_title\" value=\"Senior Engineer\"></input-ui>\n    </field-ui>\n    <field-ui label=\"Department\">\n      <select-ui name=\"m_dept\" value=\"engineering\">\n        <option value=\"engineering\" selected>Engineering</option>\n        <option value=\"product\">Product</option>\n        <option value=\"design\">Design</option>\n        <option value=\"sales\">Sales</option>\n        <option value=\"cs\">Customer Success</option>\n        <option value=\"ops\">Operations</option>\n      </select-ui>\n    </field-ui>\n    <field-ui label=\"Reports to\">\n      <select-ui name=\"m_manager\" value=\"maya\">\n        <option value=\"jane\">Jane Doe (Founder)</option>\n        <option value=\"maya\" selected>Maya Patel (VP Engineering)</option>\n        <option value=\"riley\">Riley Park (Head of Design)</option>\n        <option value=\"morgan\">Morgan Lee (Head of Sales)</option>\n        <option value=\"\">No manager</option>\n      </select-ui>\n    </field-ui>\n    <field-ui label=\"Status\">\n      <segmented-ui name=\"m_status\" value=\"active\">\n        <segment-ui text=\"Active\" value=\"active\"></segment-ui>\n        <segment-ui text=\"Pending\" value=\"pending\"></segment-ui>\n        <segment-ui text=\"Suspended\" value=\"suspended\"></segment-ui>\n      </segmented-ui>\n    </field-ui>\n  </section>\n  <footer>\n    <button-ui slot=\"action\" text=\"Cancel\" variant=\"ghost\"></button-ui>\n    <button-ui slot=\"action\" text=\"Save changes\" variant=\"primary\"></button-ui>\n  </footer>\n</drawer-ui>",
   "source": "site/pages/examples/registration/org-review/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/menu-basic.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"basic\" data-chunk=\"menu-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>A simple 3-item menu. Click the trigger button to toggle open.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"basic 3 items\">\n      <menu-ui>\n        <button-ui slot=\"trigger\" text=\"Actions\" variant=\"outline\"></button-ui>\n        <menu-item-ui text=\"Edit\" value=\"edit\"></menu-item-ui>\n        <menu-item-ui text=\"Duplicate\" value=\"duplicate\"></menu-item-ui>\n        <menu-item-ui text=\"Archive\" value=\"archive\"></menu-item-ui>\n      </menu-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/menu/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/menu-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"menu-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Full-featured menu with icons, dividers, danger, and disabled combined.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"full-featured\">\n      <menu-ui>\n        <button-ui slot=\"trigger\" icon=\"dots-three-vertical\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <menu-item-ui icon=\"eye\" text=\"View\" value=\"view\"></menu-item-ui>\n        <menu-item-ui icon=\"pencil\" text=\"Edit\" value=\"edit\"></menu-item-ui>\n        <menu-item-ui icon=\"copy\" text=\"Duplicate\" value=\"duplicate\"></menu-item-ui>\n        <menu-divider-ui></menu-divider-ui>\n        <menu-item-ui icon=\"arrow-up\" text=\"Move Up\" value=\"move-up\" disabled></menu-item-ui>\n        <menu-item-ui icon=\"arrow-down\" text=\"Move Down\" value=\"move-down\"></menu-item-ui>\n        <menu-divider-ui></menu-divider-ui>\n        <menu-item-ui icon=\"trash\" text=\"Delete\" value=\"delete\" variant=\"danger\"></menu-item-ui>\n      </menu-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/menu/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/menu-disabled.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"disabled\" data-chunk=\"menu-disabled\">\n  <h2 variant=\"section\">disabled item</h2>\n  <p data-note>Disabled items remain visible but cannot be selected or focused via keyboard.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"disabled items\">\n      <menu-ui>\n        <button-ui slot=\"trigger\" text=\"Options\" variant=\"outline\"></button-ui>\n        <menu-item-ui icon=\"pencil\" text=\"Edit\" value=\"edit\"></menu-item-ui>\n        <menu-item-ui icon=\"lock\" text=\"Permissions\" value=\"permissions\" disabled></menu-item-ui>\n        <menu-item-ui icon=\"share\" text=\"Share\" value=\"share\"></menu-item-ui>\n        <menu-divider-ui></menu-divider-ui>\n        <menu-item-ui icon=\"trash\" text=\"Delete\" value=\"delete\" variant=\"danger\" disabled></menu-item-ui>\n      </menu-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/menu/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/menu-divider.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"divider\" data-chunk=\"menu-divider\">\n  <h2 variant=\"section\">with divider</h2>\n  <p data-note>Use menu-divider-ui to separate groups of related actions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"divider between groups\">\n      <menu-ui>\n        <button-ui slot=\"trigger\" text=\"File\" variant=\"outline\"></button-ui>\n        <menu-item-ui icon=\"file-plus\" text=\"New\" value=\"new\"></menu-item-ui>\n        <menu-item-ui icon=\"folder-open\" text=\"Open\" value=\"open\"></menu-item-ui>\n        <menu-item-ui icon=\"floppy-disk\" text=\"Save\" value=\"save\"></menu-item-ui>\n        <menu-divider-ui></menu-divider-ui>\n        <menu-item-ui icon=\"export\" text=\"Export\" value=\"export\"></menu-item-ui>\n        <menu-item-ui icon=\"printer\" text=\"Print\" value=\"print\"></menu-item-ui>\n      </menu-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/menu/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/menu-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"menu-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      <menu-ui>\n        <button-ui slot=\"trigger\" text=\"One\" variant=\"outline\" size=\"sm\"></button-ui>\n        <menu-item-ui text=\"Only option\" value=\"only\"></menu-item-ui>\n      </menu-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long text\">\n      <menu-ui>\n        <button-ui slot=\"trigger\" text=\"Long\" variant=\"outline\" size=\"sm\"></button-ui>\n        <menu-item-ui icon=\"pencil\" text=\"This is a very long menu item label that might overflow\" value=\"long\"></menu-item-ui>\n        <menu-item-ui text=\"Short\" value=\"short\"></menu-item-ui>\n      </menu-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/menu/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/menu-gap.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"gap\" data-chunk=\"menu-gap\">\n  <h2 variant=\"section\">gap</h2>\n  <p data-note>Pixel gap between the trigger and popover. Defaults to 4.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='gap=\"0\"'>\n      <menu-ui gap=\"0\">\n        <button-ui slot=\"trigger\" text=\"gap 0\" variant=\"outline\" size=\"sm\"></button-ui>\n        <menu-item-ui text=\"Option A\" value=\"a\"></menu-item-ui>\n        <menu-item-ui text=\"Option B\" value=\"b\"></menu-item-ui>\n      </menu-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='gap=\"4\" (default)'>\n      <menu-ui gap=\"4\">\n        <button-ui slot=\"trigger\" text=\"gap 4\" variant=\"outline\" size=\"sm\"></button-ui>\n        <menu-item-ui text=\"Option A\" value=\"a\"></menu-item-ui>\n        <menu-item-ui text=\"Option B\" value=\"b\"></menu-item-ui>\n      </menu-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='gap=\"12\"'>\n      <menu-ui gap=\"12\">\n        <button-ui slot=\"trigger\" text=\"gap 12\" variant=\"outline\" size=\"sm\"></button-ui>\n        <menu-item-ui text=\"Option A\" value=\"a\"></menu-item-ui>\n        <menu-item-ui text=\"Option B\" value=\"b\"></menu-item-ui>\n      </menu-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/menu/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/menu-icon.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"icon\" data-chunk=\"menu-icon\">\n  <h2 variant=\"section\">with icons</h2>\n  <p data-note>Each menu item can display a leading icon.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"icon items\">\n      <menu-ui>\n        <button-ui slot=\"trigger\" icon=\"dots-three-vertical\" variant=\"ghost\"></button-ui>\n        <menu-item-ui icon=\"pencil\" text=\"Edit\" value=\"edit\"></menu-item-ui>\n        <menu-item-ui icon=\"copy\" text=\"Duplicate\" value=\"duplicate\"></menu-item-ui>\n        <menu-item-ui icon=\"download\" text=\"Download\" value=\"download\"></menu-item-ui>\n      </menu-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/menu/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/menu-open.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"open\" data-chunk=\"menu-open\">\n  <h2 variant=\"section\">open</h2>\n  <p data-note>Controls menu open state. Toggling the attribute opens/closes the popover; it also reflects user interaction.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"closed (default)\">\n      <menu-ui id=\"menu-open-demo\">\n        <button-ui slot=\"trigger\" text=\"Click trigger\" variant=\"outline\"></button-ui>\n        <menu-item-ui text=\"First\" value=\"first\"></menu-item-ui>\n        <menu-item-ui text=\"Second\" value=\"second\"></menu-item-ui>\n      </menu-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"toggle via JS\">\n      <button-ui text=\"Toggle open\" variant=\"outline\" size=\"sm\"\n        onclick=\"(function(){var m=document.getElementById('menu-open-demo');m.open=!m.open;})()\"></button-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/menu/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/menu-placement.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"placement\" data-chunk=\"menu-placement\">\n  <h2 variant=\"section\">placement</h2>\n  <p data-note>Anchor placement relative to the trigger. Defaults to <code>bottom-start</code>.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='placement=\"bottom-start\"'>\n      <menu-ui placement=\"bottom-start\">\n        <button-ui slot=\"trigger\" text=\"bottom-start\" variant=\"outline\" size=\"sm\"></button-ui>\n        <menu-item-ui text=\"Edit\" value=\"edit\"></menu-item-ui>\n        <menu-item-ui text=\"Delete\" value=\"delete\"></menu-item-ui>\n      </menu-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='placement=\"bottom-end\"'>\n      <menu-ui placement=\"bottom-end\">\n        <button-ui slot=\"trigger\" text=\"bottom-end\" variant=\"outline\" size=\"sm\"></button-ui>\n        <menu-item-ui text=\"Edit\" value=\"edit\"></menu-item-ui>\n        <menu-item-ui text=\"Delete\" value=\"delete\"></menu-item-ui>\n      </menu-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='placement=\"top-start\"'>\n      <menu-ui placement=\"top-start\">\n        <button-ui slot=\"trigger\" text=\"top-start\" variant=\"outline\" size=\"sm\"></button-ui>\n        <menu-item-ui text=\"Edit\" value=\"edit\"></menu-item-ui>\n        <menu-item-ui text=\"Delete\" value=\"delete\"></menu-item-ui>\n      </menu-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='placement=\"top-end\"'>\n      <menu-ui placement=\"top-end\">\n        <button-ui slot=\"trigger\" text=\"top-end\" variant=\"outline\" size=\"sm\"></button-ui>\n        <menu-item-ui text=\"Edit\" value=\"edit\"></menu-item-ui>\n        <menu-item-ui text=\"Delete\" value=\"delete\"></menu-item-ui>\n      </menu-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/menu/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/menu-variant.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"variant\" data-chunk=\"menu-variant\">\n  <h2 variant=\"section\">danger variant</h2>\n  <p data-note>Set variant=\"danger\" on a menu item for destructive actions.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"danger on delete\">\n      <menu-ui>\n        <button-ui slot=\"trigger\" icon=\"dots-three\" variant=\"ghost\"></button-ui>\n        <menu-item-ui icon=\"pencil\" text=\"Edit\" value=\"edit\"></menu-item-ui>\n        <menu-item-ui icon=\"copy\" text=\"Duplicate\" value=\"duplicate\"></menu-item-ui>\n        <menu-divider-ui></menu-divider-ui>\n        <menu-item-ui icon=\"trash\" text=\"Delete\" value=\"delete\" variant=\"danger\"></menu-item-ui>\n      </menu-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/menu/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/modal-basic.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"basic\" data-chunk=\"modal-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>A modal with a title, body content, and action buttons. Click the trigger to open.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"basic modal\">\n      <button-ui text=\"Open Modal\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Confirm Action\">\n        <p>Are you sure you want to proceed? This action requires your confirmation.</p>\n        <div slot=\"footer\" style=\"display:flex; gap:var(--a-space-2); justify-content:flex-end;\">\n          <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n          <button-ui text=\"Confirm\" variant=\"primary\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n        </div>\n      </modal-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/modal/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/modal-closable.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"closable\" data-chunk=\"modal-closable\">\n  <h2 variant=\"section\">closable</h2>\n  <p data-note>When false, hides the close button and prevents Escape key dismissal.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"closable (default)\">\n      <button-ui text=\"Closable\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Closable\">\n        <p>This modal can be closed with the X button or Escape key.</p>\n      </modal-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"not closable\">\n      <button-ui text=\"Not Closable\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Mandatory Action\" permanent>\n        <p>This modal must be resolved through its action buttons.</p>\n        <div slot=\"footer\" style=\"display:flex; gap:var(--a-space-2); justify-content:flex-end;\">\n          <button-ui text=\"I Understand\" variant=\"primary\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n        </div>\n      </modal-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/modal/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/modal-combinations.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"combinations\" data-chunk=\"modal-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Modals with various content layouts.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"form modal\">\n      <button-ui text=\"Open Form Modal\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Create New Project\" size=\"md\">\n        <div style=\"display:flex; flex-direction:column; gap:var(--a-space-3);\">\n          <field-ui label=\"Project Name\">\n            <input-ui placeholder=\"My Project\" required></input-ui>\n          </field-ui>\n          <field-ui label=\"Description\">\n            <textarea-ui placeholder=\"Describe your project...\" rows=\"3\"></textarea-ui>\n          </field-ui>\n          <field-ui label=\"Visibility\">\n            <select-ui placeholder=\"Select visibility\">\n            <option value=\"public\">Public</option>\n            <option value=\"private\">Private</option>\n          </select-ui>\n          </field-ui>\n        </div>\n        <div slot=\"footer\" style=\"display:flex; gap:var(--a-space-2); justify-content:flex-end;\">\n          <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n          <button-ui text=\"Create Project\" variant=\"primary\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n        </div>\n      </modal-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"tabs inside modal\">\n      <button-ui text=\"Open Settings\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Preferences\" size=\"lg\">\n        <tabs-ui value=\"general\">\n          <tab-ui value=\"general\" text=\"General\">\n            <div style=\"display:flex; flex-direction:column; gap:var(--a-space-2); padding:var(--a-space-2) 0;\">\n              <field-ui label=\"Dark mode\" inline>\n                <switch-ui checked></switch-ui>\n              </field-ui>\n              <field-ui label=\"Compact view\" inline>\n                <switch-ui></switch-ui>\n              </field-ui>\n            </div>\n          </tab-ui>\n          <tab-ui value=\"account\" text=\"Account\">\n            <div style=\"display:flex; flex-direction:column; gap:var(--a-space-3); padding:var(--a-space-2) 0;\">\n              <field-ui label=\"Email\">\n                <input-ui value=\"user@example.com\"></input-ui>\n              </field-ui>\n            </div>\n          </tab-ui>\n        </tabs-ui>\n        <div slot=\"footer\" style=\"display:flex; gap:var(--a-space-2); justify-content:flex-end;\">\n          <button-ui text=\"Done\" variant=\"primary\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n        </div>\n      </modal-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/modal/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/modal-edge-cases.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"modal-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=\"no body content\">\n      <button-ui text=\"Empty Modal\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Empty\"></modal-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"scrollable content\">\n      <button-ui text=\"Long Content\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Terms of Service\">\n        <div style=\"max-height:300px; overflow-y:auto;\">\n          <p>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.</p>\n          <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>\n          <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.</p>\n          <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>\n          <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias.</p>\n        </div>\n        <div slot=\"footer\" style=\"display:flex; gap:var(--a-space-2); justify-content:flex-end;\">\n          <button-ui text=\"Decline\" variant=\"ghost\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n          <button-ui text=\"Accept\" variant=\"primary\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n        </div>\n      </modal-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/modal/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/modal-open.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"open\" data-chunk=\"modal-open\">\n  <h2 variant=\"section\">open</h2>\n  <p data-note>When set, the modal is rendered open. Shown inline as a static preview.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"open=true\" style=\"min-height:240px;position:relative;border:1px solid var(--a-border);border-radius:var(--a-radius);overflow:hidden;\">\n      <modal-ui open style=\"position:absolute;inset:0;\">\n        <header slot=\"header\"><h3>Confirm Action</h3></header>\n        <p>This modal is statically open for preview.</p>\n        <footer slot=\"footer\"><button-ui text=\"Cancel\" variant=\"ghost\"></button-ui><button-ui text=\"Confirm\" variant=\"primary\"></button-ui></footer>\n      </modal-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/modal/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/modal-size-xl.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"size-xl\" data-chunk=\"modal-size-xl\">\n  <h2 variant=\"section\">size: xl</h2>\n  <p data-note>Extra-large modal size for wide dialog content.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"size=xl\" style=\"min-height:260px;position:relative;border:1px solid var(--a-border);border-radius:var(--a-radius);overflow:hidden;\">\n      <modal-ui open size=\"xl\" style=\"position:absolute;inset:0;\">\n        <header slot=\"header\"><h3>Extra Large Modal</h3></header>\n        <p>Full-width dialog for complex flows.</p>\n      </modal-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/modal/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/modal-size.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"size\" data-chunk=\"modal-size\">\n  <h2 variant=\"section\">size</h2>\n  <p data-note>Controls the panel width. Defaults to \"md\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"sm\">\n      <button-ui text=\"Small\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Small Modal\" size=\"sm\">\n        <p>A compact modal for simple confirmations.</p>\n      </modal-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"md\">\n      <button-ui text=\"Medium\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Medium Modal\" size=\"md\">\n        <p>The default modal size, suitable for most content.</p>\n      </modal-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"lg\">\n      <button-ui text=\"Large\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Large Modal\" size=\"lg\">\n        <p>A wider modal for complex forms or detailed content.</p>\n      </modal-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/modal/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/modal-text.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"text\" data-chunk=\"modal-text\">\n  <h2 variant=\"section\">text</h2>\n  <p data-note>Sets the modal header title and aria-label.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"with title\">\n      <button-ui text=\"With Title\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Edit Profile\">\n        <div style=\"display:flex; flex-direction:column; gap:var(--a-space-3);\">\n          <field-ui label=\"Name\">\n            <input-ui placeholder=\"Your name\"></input-ui>\n          </field-ui>\n          <field-ui label=\"Email\">\n            <input-ui placeholder=\"you@example.com\"></input-ui>\n          </field-ui>\n        </div>\n        <div slot=\"footer\" style=\"display:flex; gap:var(--a-space-2); justify-content:flex-end;\">\n          <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n          <button-ui text=\"Save\" variant=\"primary\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n        </div>\n      </modal-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"no title\">\n      <button-ui text=\"No Title\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui>\n        <p>A modal without a title. The close button is still available.</p>\n      </modal-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/modal/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/modal-trigger.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"trigger\" data-chunk=\"modal-trigger\">\n  <h2 variant=\"section\">trigger pattern</h2>\n  <p data-note>To open a modal interactively, set its open attribute to true via JavaScript: modalEl.open = true. Use onclick attributes for simple triggers.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"click to open\">\n      <button-ui text=\"Interactive\" variant=\"primary\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Interactive Modal\">\n        <p>This modal was opened by clicking the trigger button.</p>\n        <div slot=\"footer\" style=\"display:flex; gap:var(--a-space-2); justify-content:flex-end;\">\n          <button-ui text=\"Close\" variant=\"ghost\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n          <button-ui text=\"Confirm\" variant=\"primary\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n        </div>\n      </modal-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"danger confirmation\">\n      <button-ui text=\"Delete Item\" color=\"danger\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <modal-ui text=\"Delete Confirmation\" size=\"sm\">\n        <p>Are you sure you want to delete this item? This action cannot be undone.</p>\n        <div slot=\"footer\" style=\"display:flex; gap:var(--a-space-2); justify-content:flex-end;\">\n          <button-ui text=\"Cancel\" variant=\"ghost\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n          <button-ui text=\"Delete\" color=\"danger\" onclick=\"this.closest('modal-ui').open=false\"></button-ui>\n        </div>\n      </modal-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/modal/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/noodles-animated.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"animated\" data-chunk=\"noodles-animated\">\n  <h2 variant=\"section\">animated</h2>\n  <p data-note>Animates the connection paths with a flow effect.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"animated\">\n      <noodles-ui id=\"noodle-animated\" animated style=\"position:relative; width:400px; height:160px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Start</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">End</div>\n      </noodles-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/noodles/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/noodles-color.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"color\" data-chunk=\"noodles-color\">\n  <h2 variant=\"section\">color</h2>\n  <p data-note>Override the connection stroke color via CSS color value.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"accent color\">\n      <noodles-ui id=\"noodle-color-accent\" color=\"var(--a-accent)\" style=\"position:relative; width:400px; height:160px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='color=\"crimson\"'>\n      <noodles-ui id=\"noodle-color-danger\" color=\"crimson\" style=\"position:relative; width:400px; height:160px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/noodles/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/noodles-curve.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"curve\" data-chunk=\"noodles-curve\">\n  <h2 variant=\"section\">curve</h2>\n  <p data-note>Connection curve style. Nodes and connections must be set via JavaScript.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"bezier (default)\">\n      <noodles-ui id=\"noodle-bezier\" style=\"position:relative; width:400px; height:200px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:30px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Node A</div>\n        <div data-noodle-port=\"left right\" style=\"position:absolute; left:160px; top:90px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Node B</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:300px; top:40px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Node C</div>\n      </noodles-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"step\">\n      <noodles-ui id=\"noodle-step\" curve=\"step\" style=\"position:relative; width:400px; height:200px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:30px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Node A</div>\n        <div data-noodle-port=\"left right\" style=\"position:absolute; left:160px; top:90px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Node B</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:300px; top:40px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Node C</div>\n      </noodles-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"straight\">\n      <noodles-ui id=\"noodle-straight\" curve=\"straight\" style=\"position:relative; width:400px; height:200px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:30px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Node A</div>\n        <div data-noodle-port=\"left right\" style=\"position:absolute; left:160px; top:90px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Node B</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:300px; top:40px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Node C</div>\n      </noodles-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/noodles/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/noodles-editable.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"editable\" data-chunk=\"noodles-editable\">\n  <h2 variant=\"section\">editable + show-ports</h2>\n  <p data-note>Enables interactive drag-to-connect with visible port indicators.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"editable + show-ports\">\n      <noodles-ui id=\"noodle-editable\" editable show-ports style=\"position:relative; width:400px; height:200px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right bottom\" style=\"position:absolute; left:20px; top:30px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Source</div>\n        <div data-noodle-port=\"left right top\" style=\"position:absolute; left:160px; top:100px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Middle</div>\n        <div data-noodle-port=\"left top\" style=\"position:absolute; left:300px; top:40px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">Target</div>\n      </noodles-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/noodles/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/noodles-portSize.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"portSize\" data-chunk=\"noodles-portSize\">\n  <h2 variant=\"section\">port-size</h2>\n  <p data-note>Diameter of port indicator dots in pixels. Defaults to 10.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"port-size=6\">\n      <noodles-ui id=\"noodle-ps-sm\" show-ports port-size=\"6\" style=\"position:relative; width:400px; height:140px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"port-size=10 (default)\">\n      <noodles-ui id=\"noodle-ps-md\" show-ports port-size=\"10\" style=\"position:relative; width:400px; height:140px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"port-size=16\">\n      <noodles-ui id=\"noodle-ps-lg\" show-ports port-size=\"16\" style=\"position:relative; width:400px; height:140px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/noodles/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/noodles-readonly.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"readonly\" data-chunk=\"noodles-readonly\">\n  <h2 variant=\"section\">readonly</h2>\n  <p data-note>View-only; connections render but no drag or edit.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"readonly\">\n      <noodles-ui id=\"noodle-readonly\" readonly style=\"position:relative; width:400px; height:160px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/noodles/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/noodles-showPorts.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"showPorts\" data-chunk=\"noodles-showPorts\">\n  <h2 variant=\"section\">show-ports</h2>\n  <p data-note>Show port indicator dots on each declared port. Useful for discoverability in editable graphs.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"show-ports=false\">\n      <noodles-ui id=\"noodle-ports-off\" style=\"position:relative; width:400px; height:160px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right bottom\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left top\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"show-ports\">\n      <noodles-ui id=\"noodle-ports-on\" show-ports style=\"position:relative; width:400px; height:160px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right bottom\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left top\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/noodles/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/noodles-strokeWidth.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"strokeWidth\" data-chunk=\"noodles-strokeWidth\">\n  <h2 variant=\"section\">stroke-width</h2>\n  <p data-note>SVG stroke width in pixels. Defaults to 2.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"stroke-width=1\">\n      <noodles-ui id=\"noodle-sw-1\" stroke-width=\"1\" style=\"position:relative; width:400px; height:140px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"stroke-width=4\">\n      <noodles-ui id=\"noodle-sw-4\" stroke-width=\"4\" style=\"position:relative; width:400px; height:140px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"stroke-width=8\">\n      <noodles-ui id=\"noodle-sw-8\" stroke-width=\"8\" style=\"position:relative; width:400px; height:140px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:50px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/noodles/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/noodles-tension.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"tension\" data-chunk=\"noodles-tension\">\n  <h2 variant=\"section\">tension</h2>\n  <p data-note>Bezier control-point offset multiplier. Higher values create more pronounced curves. Defaults to 0.5.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"tension=0.1 (flat)\">\n      <noodles-ui id=\"noodle-tension-lo\" tension=\"0.1\" style=\"position:relative; width:400px; height:160px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:30px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:100px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"tension=0.5 (default)\">\n      <noodles-ui id=\"noodle-tension-md\" tension=\"0.5\" style=\"position:relative; width:400px; height:160px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:30px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:100px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"tension=1.2 (loopy)\">\n      <noodles-ui id=\"noodle-tension-hi\" tension=\"1.2\" style=\"position:relative; width:400px; height:160px; border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-md);\">\n        <div data-noodle-port=\"right\" style=\"position:absolute; left:20px; top:30px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">A</div>\n        <div data-noodle-port=\"left\" style=\"position:absolute; left:280px; top:100px; padding:var(--a-space-2) var(--a-space-3); background:var(--a-canvas-2); border:1px solid var(--a-border-subtle); border-radius:var(--a-radius-sm);\">B</div>\n      </noodles-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/noodles/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/onb-completion.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form data-chunk=\"onb-completion\">\n      <timeline-ui aria-label=\"What you set up during onboarding\">\n        <timeline-item-ui status=\"completed\" variant=\"success\"\n                          text=\"Role + workspace\"\n                          description=\"Developer · Acme\"\n                          time=\"Settings → Profile\"></timeline-item-ui>\n        <timeline-item-ui status=\"completed\" variant=\"success\"\n                          text=\"Source connected\"\n                          description=\"GitHub · 23 repos\"\n                          time=\"Settings → Integrations\"></timeline-item-ui>\n        <timeline-item-ui status=\"completed\" variant=\"success\"\n                          text=\"First dashboard\"\n                          description=\"Weekly revenue · 6-month trend (pinned to home)\"\n                          time=\"Pinned\"></timeline-item-ui>\n        <timeline-item-ui status=\"completed\" variant=\"success\"\n                          text=\"Notifications\"\n                          description=\"Weekly digest · in-app mentions on\"\n                          time=\"Settings → Notifications\"></timeline-item-ui>\n        <timeline-item-ui icon=\"circle-dashed\"\n                          text=\"Mobile app\"\n                          description=\"Skipped — install link emailed for later\"\n                          time=\"Skipped\"></timeline-item-ui>\n        <timeline-item-ui icon=\"circle-dashed\"\n                          text=\"Browser extension\"\n                          description=\"Add any time from settings → Devices\"\n                          time=\"Skipped\"></timeline-item-ui>\n      </timeline-ui>\n\n      <alert-ui variant=\"info\" icon=\"lightbulb\">\n        <span slot=\"content\"><strong>Tip:</strong> press <kbd-ui>⌘</kbd-ui> <kbd-ui>K</kbd-ui> anywhere in AdiaUI to open the search palette — fastest way to find a dashboard, jump to a setting, or trigger a generation.</span>\n      </alert-ui>\n    </div>",
   "source": "site/pages/examples/onboarding/complete/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/onb-extension-install.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form data-chunk=\"onb-extension-install\">\n      <div data-onb-extension-card>\n        <div data-ext-icon>\n          <icon-ui name=\"puzzle-piece\" weight=\"fill\" size=\"2xl\"></icon-ui>\n        </div>\n        <div>\n          <text-ui strong>AdiaUI for Chrome</text-ui>\n          <text-ui color=\"subtle\" size=\"sm\" style=\"display:block;\">v1.4 · 2 MB · Updated last week</text-ui>\n        </div>\n      </div>\n\n      <ul data-onb-extension-perms aria-label=\"Permissions requested by the extension\">\n        <li>\n          <icon-ui name=\"magnifying-glass\" weight=\"bold\"></icon-ui>\n          <span>Read your AdiaUI session token (for the quick-search palette to talk to your workspace)</span>\n        </li>\n        <li>\n          <icon-ui name=\"bell\" weight=\"bold\"></icon-ui>\n          <span>Show desktop notifications (mentions, share-with-you events)</span>\n        </li>\n        <li>\n          <icon-ui name=\"image\" weight=\"bold\"></icon-ui>\n          <span>Capture the current tab when you click \"Snip to dashboard\" (only when you click it)</span>\n        </li>\n      </ul>\n\n      <button-ui text=\"Add to Chrome\" variant=\"primary\" icon=\"download-simple\"></button-ui>\n\n      <text-ui color=\"subtle\" size=\"sm\">By installing you accept the extension's permissions above. You can revoke or remove it from your browser's extensions panel any time.</text-ui>\n    </div>",
   "source": "site/pages/examples/onboarding/browser-extension/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/onb-hero-welcome.json

@@ -8,7 +8,7 @@
   "attrs": {
     "data-onb-form": ""
   },
-  "html": "<div data-onb-form data-chunk=\"onb-hero-welcome\">\n      <ul data-onb-outcomes>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>Pick how you'll use it</strong>\n            <text-ui color=\"subtle\" size=\"sm\">Tailors the home screen + which integrations we suggest first.</text-ui>\n          </div>\n        </li>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>Connect your first data source</strong>\n            <text-ui color=\"subtle\" size=\"sm\">One integration unlocks dashboards, alerts, and search across your stack.</text-ui>\n          </div>\n        </li>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>See your first dashboard</strong>\n            <text-ui color=\"subtle\" size=\"sm\">Generated from real data, ready to share or edit.</text-ui>\n          </div>\n        </li>\n      </ul>\n    </div>",
+  "html": "<div data-onb-form data-chunk=\"onb-hero-welcome\" data-chunk-slot=\"page-content\">\n      <ul data-onb-outcomes>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>Pick how you'll use it</strong>\n            <text-ui color=\"subtle\" size=\"sm\">Tailors the home screen + which integrations we suggest first.</text-ui>\n          </div>\n        </li>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>Connect your first data source</strong>\n            <text-ui color=\"subtle\" size=\"sm\">One integration unlocks dashboards, alerts, and search across your stack.</text-ui>\n          </div>\n        </li>\n        <li>\n          <icon-ui name=\"check-circle\" weight=\"fill\"></icon-ui>\n          <div>\n            <strong>See your first dashboard</strong>\n            <text-ui color=\"subtle\" size=\"sm\">Generated from real data, ready to share or edit.</text-ui>\n          </div>\n        </li>\n      </ul>\n    </div>",
   "source": "site/pages/examples/onboarding/welcome/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/onb-import-picker.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form data-chunk=\"onb-import-picker\">\n      <div data-onb-fork role=\"radiogroup\" aria-label=\"Data source choice\">\n        <option-card-ui layout=\"tile\" name=\"data-mode\" value=\"sample\" checked\n                        icon=\"sparkle\"\n                        heading=\"Use sample data\"\n                        description=\"Pre-loaded mock data so you can explore in seconds. Best for evaluating.\"></option-card-ui>\n        <option-card-ui layout=\"tile\" name=\"data-mode\" value=\"upload\"\n                        icon=\"upload\"\n                        heading=\"Upload a CSV / JSON\"\n                        description=\"One-shot import. Good for spreadsheet-shaped data and quick prototypes.\"></option-card-ui>\n        <option-card-ui layout=\"tile\" name=\"data-mode\" value=\"blank\"\n                        icon=\"file-plus\"\n                        heading=\"Start from blank\"\n                        description=\"Empty workspace. Connect or import later when you're ready.\"></option-card-ui>\n      </div>\n\n      <text-ui color=\"subtle\" size=\"sm\">Sample data is generated on-the-fly and is never stored after onboarding. Anything you configure on it carries over when you switch to live sources.</text-ui>\n    </div>",
   "source": "site/pages/examples/onboarding/import-data/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/onb-mobile-handoff.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form data-chunk=\"onb-mobile-handoff\">\n      <div data-onb-handoff>\n        <div data-onb-handoff-qr aria-label=\"QR code to install the AdiaUI mobile app\">\n          <icon-ui name=\"qr-code\" size=\"3xl\"></icon-ui>\n        </div>\n        <div data-handoff-divider role=\"separator\" aria-orientation=\"vertical\"></div>\n        <div data-onb-handoff-form>\n          <text-ui strong>Or send yourself a link</text-ui>\n          <text-ui color=\"subtle\" size=\"sm\">We'll text you a link to the App Store or Play Store, depending on your device.</text-ui>\n          <field-ui label=\"Phone number\">\n            <input-ui type=\"tel\" name=\"phone\" autocomplete=\"tel\" placeholder=\"+1 555 0123\"></input-ui>\n          </field-ui>\n          <button-ui text=\"Send install link\" variant=\"outline\"></button-ui>\n        </div>\n      </div>\n\n      <text-ui color=\"subtle\" size=\"sm\">No phone? You'll find direct App Store / Play Store links in your settings → Devices any time.</text-ui>\n    </div>",
   "source": "site/pages/examples/onboarding/mobile-app/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/onb-notification-prefs.json

@@ -12,5 +12,5 @@
   },
   "html": "<div data-onb-form data-chunk=\"onb-notification-prefs\" role=\"radiogroup\" aria-label=\"Email notification frequency\">\n      <col-ui gap=\"4\">\n        <option-card-ui\n          name=\"notify\" value=\"daily\"\n          heading=\"Daily digest\"\n          description=\"One email each morning summarizing yesterday's activity. Best for dashboard-driven roles.\"></option-card-ui>\n        <option-card-ui\n          name=\"notify\" value=\"weekly\" checked\n          heading=\"Weekly digest · Recommended\"\n          description=\"One email each Monday with a 7-day rollup. Quiet and focused.\"></option-card-ui>\n        <option-card-ui\n          name=\"notify\" value=\"mentions\"\n          heading=\"Mentions only\"\n          description=\"Just emails when someone @-mentions you or shares a dashboard directly. No digests.\"></option-card-ui>\n        <option-card-ui\n          name=\"notify\" value=\"off\"\n          heading=\"Off\"\n          description=\"No emails. We'll still send security-critical messages (password reset, new device sign-in).\"></option-card-ui>\n      </col-ui>\n    </div>",
   "source": "site/pages/examples/onboarding/notification-prefs/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }

package/chunks/onb-persona-picker.json

@@ -10,5 +10,5 @@
   },
   "html": "<div data-onb-form data-chunk=\"onb-persona-picker\">\n      <div data-onb-mode-grid role=\"radiogroup\" aria-label=\"Primary role\">\n        <option-card-ui name=\"mode\" value=\"developer\" required\n                        heading=\"Developer\"\n                        description=\"Wire APIs, ship features, monitor releases.\"></option-card-ui>\n        <option-card-ui name=\"mode\" value=\"designer\"\n                        heading=\"Designer\"\n                        description=\"Compose patterns, review, hand off.\"></option-card-ui>\n        <option-card-ui name=\"mode\" value=\"analyst\"\n                        heading=\"Analyst\"\n                        description=\"Query, chart, share insight, set up alerts.\"></option-card-ui>\n        <option-card-ui name=\"mode\" value=\"admin\"\n                        heading=\"Admin\"\n                        description=\"Configure, govern, manage access + billing.\"></option-card-ui>\n      </div>\n    </div>",
   "source": "site/pages/examples/onboarding/mode/index.html",
-  "captured_at": "2026-04-28T16:48:01.089Z"
+  "captured_at": "2026-05-01T19:13:23.303Z"
 }