@adia-ai/a2ui-corpus 0.0.3 → 0.0.5

package/chunks/input-placeholder.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"placeholder\" data-chunk=\"input-placeholder\">\n  <h2 variant=\"section\">placeholder</h2>\n  <p data-note>Ghost text shown when the field is empty.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Search...\">\n    <input-ui placeholder=\"Search...\"></input-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Enter a value\">\n    <input-ui placeholder=\"Enter a value\"></input-ui>\n  </div>\n</div>\n</section>",
   "source": "site/pages/components/input/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/input-prefix-suffix.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"prefix-suffix\" data-chunk=\"input-prefix-suffix\">\n  <h2 variant=\"section\">prefix / suffix</h2>\n  <p data-note>Text or symbols rendered before or after the input value.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Website\">\n    <field-ui label=\"Website\">\n      <input-ui prefix=\"https://\" placeholder=\"example.com\"></input-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Weight\">\n    <field-ui label=\"Weight\">\n      <input-ui suffix=\"kg\" placeholder=\"0\"></input-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Price\">\n    <field-ui label=\"Price\">\n      <input-ui prefix=\"$\" suffix=\"USD\" placeholder=\"0.00\"></input-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
   "source": "site/pages/components/input/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/input-prefix.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"prefix\" data-chunk=\"input-prefix\">\n  <h2 variant=\"section\">prefix</h2>\n  <p data-note>Leading icon name (Phosphor). Rendered inside the field, before the text.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='prefix=\"envelope\"'><field-ui label=\"Email\">\n  <input-ui prefix=\"envelope\" placeholder=\"you@example.com\"></input-ui>\n</field-ui></div>\n    <div data-artifact-item data-artifact-label='prefix=\"magnifying-glass\"'><field-ui label=\"Search\">\n  <input-ui prefix=\"magnifying-glass\" placeholder=\"Search...\"></input-ui>\n</field-ui></div>\n    <div data-artifact-item data-artifact-label='prefix=\"lock\"'><field-ui label=\"Password\">\n  <input-ui type=\"password\" prefix=\"lock\" value=\"hunter2\"></input-ui>\n</field-ui></div>\n  </div>\n</section>",
   "source": "site/pages/components/input/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/input-raw.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"raw\" data-chunk=\"input-raw\">\n  <h2 variant=\"section\">raw</h2>\n  <p data-note>Strips the chrome (border, padding, background). Useful as an inline edit-in-place control inside custom containers.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"raw\"><input-ui raw value=\"Inline editable\"></input-ui></div>\n    <div data-artifact-item data-artifact-label=\"(default)\"><input-ui value=\"With chrome (default)\"></input-ui></div>\n  </div>\n</section>",
   "source": "site/pages/components/input/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/input-readonly.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"readonly\" data-chunk=\"input-readonly\">\n  <h2 variant=\"section\">readonly</h2>\n  <p data-note>The field is focusable and selectable but not editable.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"API Key\">\n    <field-ui label=\"API Key\">\n      <input-ui value=\"sk-abc123def456\" readonly></input-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
   "source": "site/pages/components/input/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/input-required.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"required\" data-chunk=\"input-required\">\n  <h2 variant=\"section\">required</h2>\n  <p data-note>Marks the field as required for form validation.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Required Field\">\n    <field-ui label=\"Required Field\">\n      <input-ui placeholder=\"Cannot be empty\" required></input-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
   "source": "site/pages/components/input/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/input-size.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"size\" data-chunk=\"input-size\">\n  <h2 variant=\"section\">size</h2>\n  <p data-note>Controls the field height and font size.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Small\">\n    <field-ui label=\"Small\">\n      <input-ui size=\"sm\" placeholder=\"Enter a value\"></input-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Medium (default)\">\n    <field-ui label=\"Medium (default)\">\n      <input-ui placeholder=\"Enter a value\"></input-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Large\">\n    <field-ui label=\"Large\">\n      <input-ui size=\"lg\" placeholder=\"Enter a value\"></input-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
   "source": "site/pages/components/input/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/input-suffix.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"suffix\" data-chunk=\"input-suffix\">\n  <h2 variant=\"section\">suffix</h2>\n  <p data-note>Trailing icon name. Common for clear buttons, toggles, or units.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='suffix=\"dollar\"'><field-ui label=\"Amount\">\n  <input-ui suffix=\"dollar\" placeholder=\"0.00\"></input-ui>\n</field-ui></div>\n    <div data-artifact-item data-artifact-label=\"prefix + suffix\"><field-ui label=\"Username\">\n  <input-ui prefix=\"at\" suffix=\"check\" value=\"kimba\"></input-ui>\n</field-ui></div>\n  </div>\n</section>",
   "source": "site/pages/components/input/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/input-type.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"type\" data-chunk=\"input-type\">\n  <h2 variant=\"section\">type</h2>\n  <p data-note>HTML input type. Controls keyboard on mobile and native validation. Defaults to <code>text</code>.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"text\"><field-ui label=\"text\">\n  <input-ui type=\"text\" placeholder=\"any text\"></input-ui>\n</field-ui></div>\n    <div data-artifact-item data-artifact-label=\"email\"><field-ui label=\"email\">\n  <input-ui type=\"email\" placeholder=\"you@example.com\"></input-ui>\n</field-ui></div>\n    <div data-artifact-item data-artifact-label=\"password\"><field-ui label=\"password\">\n  <input-ui type=\"password\" value=\"hunter2\"></input-ui>\n</field-ui></div>\n    <div data-artifact-item data-artifact-label=\"number\"><field-ui label=\"number\">\n  <input-ui type=\"number\" value=\"42\"></input-ui>\n</field-ui></div>\n    <div data-artifact-item data-artifact-label=\"tel\"><field-ui label=\"tel\">\n  <input-ui type=\"tel\" placeholder=\"+1 555-0100\"></input-ui>\n</field-ui></div>\n    <div data-artifact-item data-artifact-label=\"url\"><field-ui label=\"url\">\n  <input-ui type=\"url\" placeholder=\"https://\"></input-ui>\n</field-ui></div>\n    <div data-artifact-item data-artifact-label=\"search\"><field-ui label=\"search\">\n  <input-ui type=\"search\" placeholder=\"Search...\"></input-ui>\n</field-ui></div>\n  </div>\n</section>",
   "source": "site/pages/components/input/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/input-value.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"value\" data-chunk=\"input-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>The current input value. Reactive — setting via property or attribute reflects immediately.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='value=\"...\"'>\n      <field-ui label=\"Prefilled\">\n        <input-ui value=\"Claude Sonnet 4.7\"></input-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"(no value)\">\n      <field-ui label=\"Empty\">\n        <input-ui></input-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/input/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/inspector-default.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"default\" data-chunk=\"inspector-default\">\n  <h2 variant=\"section\">default</h2>\n  <p data-note>Renders four tabs. The <code>Surface</code> pane accepts declarative JSON as children for instant setup without JS.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"simple object\">\n      <inspector-ui>{\n  \"name\": \"Alex\",\n  \"role\": \"admin\",\n  \"active\": true\n}</inspector-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/inspector/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/inspector-imperative.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"imperative\" data-chunk=\"inspector-imperative\">\n  <h2 variant=\"section\">imperative update</h2>\n  <p data-note>Call <code>inspector.update(schema, messages)</code> and <code>inspector.setHTML(html)</code> from your canvas or A2UI processor to keep the views in sync.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"wired up\">\n      <inspector-ui id=\"demo-wired\"></inspector-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/inspector/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/inspector-nested.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"nested\" data-chunk=\"inspector-nested\">\n  <h2 variant=\"section\">nested</h2>\n  <p data-note>The inline JSON text is used as the initial surface pane content — no JS wiring required.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"nested\">\n      <inspector-ui>{\n  \"user\":     { \"id\": 1, \"name\": \"Jane\" },\n  \"settings\": { \"theme\": \"dark\", \"notifications\": true },\n  \"tags\":     [\"admin\", \"beta\"]\n}</inspector-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/inspector/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/inspector-value.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"value\" data-chunk=\"inspector-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Controls which tab opens first. Defaults to <code>surface</code>.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"catalog\">\n      <inspector-ui value=\"catalog\"></inspector-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"code\">\n      <inspector-ui value=\"code\" id=\"demo-code-tab\"></inspector-ui>\n    </div>\n  </div>\n</section>",
   "source": "site/pages/components/inspector/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/kbd-combinations.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"combinations\" data-chunk=\"kbd-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Key combinations shown as adjacent key caps.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"&#8984;K\">\n      <span style=\"display:inline-flex; gap:var(--a-space-1); align-items:center;\">\n        <kbd-ui>&#8984;</kbd-ui><kbd-ui>K</kbd-ui>\n      </span>\n      </div>\n    <div data-artifact-item data-artifact-label=\"Ctrl+C\">\n      <span style=\"display:inline-flex; gap:var(--a-space-1); align-items:center;\">\n        <kbd-ui>Ctrl</kbd-ui><kbd-ui>C</kbd-ui>\n      </span>\n      </div>\n    <div data-artifact-item data-artifact-label=\"Alt+F4\">\n      <span style=\"display:inline-flex; gap:var(--a-space-1); align-items:center;\">\n        <kbd-ui>Alt</kbd-ui><kbd-ui>F4</kbd-ui>\n      </span>\n      </div>\n    <div data-artifact-item data-artifact-label=\"&#8984;&#8679;P\">\n      <span style=\"display:inline-flex; gap:var(--a-space-1); align-items:center;\">\n        <kbd-ui>&#8984;</kbd-ui><kbd-ui>&#8679;</kbd-ui><kbd-ui>P</kbd-ui>\n      </span>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/kbd/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/kbd-in-context.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"in-context\" data-chunk=\"kbd-in-context\">\n  <h2 variant=\"section\">In-Context</h2>\n  <p data-note>Keyboard hints embedded in running text.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"paragraph context\">\n      <p style=\"margin:0;\">Press <kbd-ui>&#8984;</kbd-ui><kbd-ui>K</kbd-ui> to open the command palette, or <kbd-ui>&#9099;</kbd-ui> to close it.</p>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/kbd/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/kbd-single-keys.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"single-keys\" data-chunk=\"kbd-single-keys\">\n  <h2 variant=\"section\">Single Keys</h2>\n  <p data-note>Individual modifier and special keys.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"&#8984; Command\">\n      <kbd-ui>&#8984;</kbd-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"&#8679; Shift\">\n      <kbd-ui>&#8679;</kbd-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"&#8997; Option\">\n      <kbd-ui>&#8997;</kbd-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"&#8963; Control\">\n      <kbd-ui>&#8963;</kbd-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"&#9166; Return\">\n      <kbd-ui>&#9166;</kbd-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"&#9099; Escape\">\n      <kbd-ui>&#9099;</kbd-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/kbd/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/kbd-size.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"size\" data-chunk=\"kbd-size\">\n  <h2 variant=\"section\">size</h2>\n  <p data-note>Three sizes: sm, md (default), lg — matched to other widget controls.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"sm\">\n      <span style=\"display:inline-flex; gap:var(--a-space-1); align-items:center;\">\n        <kbd-ui size=\"sm\">&#8984;</kbd-ui><kbd-ui size=\"sm\">S</kbd-ui>\n      </span>\n      </div>\n    <div data-artifact-item data-artifact-label=\"md (default)\">\n      <span style=\"display:inline-flex; gap:var(--a-space-1); align-items:center;\">\n        <kbd-ui>&#8984;</kbd-ui><kbd-ui>S</kbd-ui>\n      </span>\n      </div>\n    <div data-artifact-item data-artifact-label=\"lg\">\n      <span style=\"display:inline-flex; gap:var(--a-space-1); align-items:center;\">\n        <kbd-ui size=\"lg\">&#8984;</kbd-ui><kbd-ui size=\"lg\">S</kbd-ui>\n      </span>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/kbd/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/layout-align.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"align\" data-chunk=\"layout-align\">\n  <h2 variant=\"section\">align</h2>\n  <p data-note>Cross-axis alignment. One of start, center, end, stretch, baseline (row only).</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"start\">\n      <row-ui align=\"start\" style=\"height:80px;\">\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 align=\"center\" style=\"height:80px;\">\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 align=\"end\" style=\"height:80px;\">\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=\"stretch\">\n      <row-ui align=\"stretch\" style=\"height:80px;\">\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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/layout-col.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-property=\"col\" data-chunk=\"layout-col\">\n  <h2 variant=\"section\">col-ui</h2>\n  <p data-note>Flex column. Children stack vertically with a consistent gap.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='gap=\"sm\"'>\n      <col-ui gap=\"sm\">\n        <block-ui>Item one</block-ui>\n        <block-ui>Item two</block-ui>\n        <block-ui>Item three</block-ui>\n      </col-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='gap=\"md\"'>\n      <col-ui gap=\"md\">\n        <block-ui>Item one</block-ui>\n        <block-ui>Item two</block-ui>\n        <block-ui>Item three</block-ui>\n      </col-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='gap=\"lg\"'>\n      <col-ui gap=\"lg\">\n        <block-ui>Item one</block-ui>\n        <block-ui>Item two</block-ui>\n        <block-ui>Item three</block-ui>\n      </col-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/layout/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/layout-combo.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-combo data-chunk=\"layout-combo\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Nested layouts composing a typical card-style region.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"col + row + grid\">\n      <col-ui gap=\"md\" style=\"max-width:320px;\">\n        <row-ui justify=\"space-between\">\n          <block-ui>Title</block-ui>\n          <block-ui>Action</block-ui>\n        </row-ui>\n        <grid-ui columns=\"2\" gap=\"sm\">\n          <block-ui>Stat A</block-ui>\n          <block-ui>Stat B</block-ui>\n          <block-ui>Stat C</block-ui>\n          <block-ui>Stat D</block-ui>\n        </grid-ui>\n      </col-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/layout/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

package/chunks/layout-edge.json

@@ -11,5 +11,5 @@
   },
   "html": "<section data-section data-edge data-chunk=\"layout-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=\"empty\">\n      <col-ui></col-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"single child\">\n      <row-ui>\n        <block-ui>Only child</block-ui>\n      </row-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='gap=\"none\"'>\n      <grid-ui columns=\"1\" gap=\"none\">\n        <block-ui>No gap</block-ui>\n        <block-ui>No gap</block-ui>\n      </grid-ui>\n      </div>\n  </div>\n</section>",
   "source": "site/pages/components/layout/index.html",
-  "captured_at": "2026-04-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }

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-28T04:46:20.743Z"
+  "captured_at": "2026-04-28T15:45:10.182Z"
 }