@adia-ai/a2ui-corpus 0.0.2 → 0.0.3

package/chunks/input-placeholder.json

@@ -0,0 +1,15 @@
+{
+  "name": "input-placeholder",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "placeholder"
+  },
+  "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"
+}

package/chunks/input-prefix-suffix.json

@@ -0,0 +1,15 @@
+{
+  "name": "input-prefix-suffix",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "prefix-suffix"
+  },
+  "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"
+}

package/chunks/input-prefix.json

@@ -0,0 +1,15 @@
+{
+  "name": "input-prefix",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "prefix"
+  },
+  "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"
+}

package/chunks/input-raw.json

@@ -0,0 +1,15 @@
+{
+  "name": "input-raw",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "raw"
+  },
+  "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"
+}

package/chunks/input-readonly.json

@@ -0,0 +1,15 @@
+{
+  "name": "input-readonly",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "readonly"
+  },
+  "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"
+}

package/chunks/input-required.json

@@ -0,0 +1,15 @@
+{
+  "name": "input-required",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "required"
+  },
+  "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"
+}

package/chunks/input-size.json

@@ -0,0 +1,15 @@
+{
+  "name": "input-size",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "size"
+  },
+  "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"
+}

package/chunks/input-suffix.json

@@ -0,0 +1,15 @@
+{
+  "name": "input-suffix",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "suffix"
+  },
+  "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"
+}

package/chunks/input-type.json

@@ -0,0 +1,15 @@
+{
+  "name": "input-type",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "type"
+  },
+  "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"
+}

package/chunks/input-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "input-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/input",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "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"
+}

package/chunks/inspector-default.json

@@ -0,0 +1,15 @@
+{
+  "name": "inspector-default",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/inspector",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "default"
+  },
+  "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"
+}

package/chunks/inspector-imperative.json

@@ -0,0 +1,15 @@
+{
+  "name": "inspector-imperative",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/inspector",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "imperative"
+  },
+  "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"
+}

package/chunks/inspector-nested.json

@@ -0,0 +1,15 @@
+{
+  "name": "inspector-nested",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/inspector",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "nested"
+  },
+  "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"
+}

package/chunks/inspector-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "inspector-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/inspector",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "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"
+}

package/chunks/kbd-combinations.json

@@ -0,0 +1,15 @@
+{
+  "name": "kbd-combinations",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/kbd",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "combinations"
+  },
+  "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"
+}

package/chunks/kbd-in-context.json

@@ -0,0 +1,15 @@
+{
+  "name": "kbd-in-context",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/kbd",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "in-context"
+  },
+  "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"
+}

package/chunks/kbd-single-keys.json

@@ -0,0 +1,15 @@
+{
+  "name": "kbd-single-keys",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/kbd",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "single-keys"
+  },
+  "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"
+}

package/chunks/kbd-size.json

@@ -0,0 +1,15 @@
+{
+  "name": "kbd-size",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/kbd",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "size"
+  },
+  "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"
+}

package/chunks/layout-align.json

@@ -0,0 +1,15 @@
+{
+  "name": "layout-align",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/layout",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "align"
+  },
+  "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"
+}

package/chunks/layout-col.json

@@ -0,0 +1,15 @@
+{
+  "name": "layout-col",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/layout",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "col"
+  },
+  "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"
+}

package/chunks/layout-combo.json

@@ -0,0 +1,15 @@
+{
+  "name": "layout-combo",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/layout",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-combo": ""
+  },
+  "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"
+}

package/chunks/layout-edge.json

@@ -0,0 +1,15 @@
+{
+  "name": "layout-edge",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/layout",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-edge": ""
+  },
+  "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"
+}

package/chunks/layout-grid.json

@@ -0,0 +1,15 @@
+{
+  "name": "layout-grid",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/layout",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "grid"
+  },
+  "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"
+}

package/chunks/layout-justify.json

@@ -0,0 +1,15 @@
+{
+  "name": "layout-justify",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/layout",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "justify"
+  },
+  "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"
+}

package/chunks/layout-row.json

@@ -0,0 +1,15 @@
+{
+  "name": "layout-row",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/layout",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "row"
+  },
+  "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"
+}

package/chunks/layout-stack.json

@@ -0,0 +1,15 @@
+{
+  "name": "layout-stack",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/layout",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "stack"
+  },
+  "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"
+}

package/chunks/layout-wrap.json

@@ -0,0 +1,15 @@
+{
+  "name": "layout-wrap",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/layout",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "wrap"
+  },
+  "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"
+}

package/chunks/list-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "list-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "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"
+}

package/chunks/list-combo.json

@@ -0,0 +1,15 @@
+{
+  "name": "list-combo",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-combo": ""
+  },
+  "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"
+}

package/chunks/list-description.json

@@ -0,0 +1,15 @@
+{
+  "name": "list-description",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "description"
+  },
+  "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"
+}

package/chunks/list-divider.json

@@ -0,0 +1,15 @@
+{
+  "name": "list-divider",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "divider"
+  },
+  "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"
+}

package/chunks/list-edge.json

@@ -0,0 +1,15 @@
+{
+  "name": "list-edge",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-edge": ""
+  },
+  "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"
+}

package/chunks/list-icon.json

@@ -0,0 +1,15 @@
+{
+  "name": "list-icon",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "icon"
+  },
+  "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"
+}

package/chunks/list-spacing.json

@@ -0,0 +1,15 @@
+{
+  "name": "list-spacing",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/list",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "spacing"
+  },
+  "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"
+}