@adia-ai/a2ui-corpus 0.0.2 → 0.0.3

package/chunks/button-combinations.json

@@ -0,0 +1,15 @@
+{
+  "name": "button-combinations",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/button",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "combinations"
+  },
+  "html": "<section data-section data-property=\"combinations\" data-chunk=\"button-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Common pairings of variant, size, icon, and state.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"primary + lg\">\n      <button-ui text=\"Submit\" variant=\"primary\" size=\"lg\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"ghost + sm\">\n      <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"danger + disabled\">\n      <button-ui text=\"Delete\" color=\"danger\" disabled></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"outline + icon + lg\">\n      <button-ui text=\"Upload\" icon=\"upload\" variant=\"outline\" size=\"lg\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"ghost icon sm\">\n      <button-ui icon=\"star\" variant=\"ghost\" size=\"sm\"></button-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/button/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/button-disabled.json

@@ -0,0 +1,15 @@
+{
+  "name": "button-disabled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/button",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "disabled"
+  },
+  "html": "<section data-section data-property=\"disabled\" data-chunk=\"button-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>Prevents interaction and applies muted styling.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default\">\n      <button-ui text=\"Default\" disabled></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"primary\">\n      <button-ui text=\"Primary\" variant=\"primary\" disabled></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"outline\">\n      <button-ui text=\"Outline\" variant=\"outline\" disabled></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"ghost\">\n      <button-ui text=\"Ghost\" variant=\"ghost\" disabled></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"icon-only\">\n      <button-ui icon=\"plus\" disabled></button-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/button/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/button-edge-cases.json

@@ -0,0 +1,15 @@
+{
+  "name": "button-edge-cases",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/button",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "edge-cases"
+  },
+  "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"button-edge-cases\">\n  <h2 variant=\"section\">Edge Cases</h2>\n  <p data-note>Boundary conditions and unusual content.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"empty (no text/icon)\">\n      <button-ui></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long text\">\n      <button-ui text=\"This is a button with a very long label that might overflow or wrap depending on container width\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"single character\">\n      <button-ui text=\"A\" size=\"sm\"></button-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/button/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/button-icon.json

@@ -0,0 +1,15 @@
+{
+  "name": "button-icon",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/button",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "icon"
+  },
+  "html": "<section data-section data-property=\"icon\" data-chunk=\"button-icon\">\n  <h2 variant=\"section\">icon-only</h2>\n  <p data-note>Pass only the icon attribute without text for a square icon button.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"plus sm\">\n      <button-ui icon=\"plus\" size=\"sm\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"gear md\">\n      <button-ui icon=\"gear\" size=\"md\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"trash lg danger\">\n      <button-ui icon=\"trash\" size=\"lg\" color=\"danger\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"pencil outline\">\n      <button-ui icon=\"pencil\" variant=\"outline\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"moon ghost\">\n      <button-ui icon=\"moon\" variant=\"ghost\"></button-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/button/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/button-size.json

@@ -0,0 +1,15 @@
+{
+  "name": "button-size",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/button",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "size"
+  },
+  "html": "<section data-section data-property=\"size\" data-chunk=\"button-size\">\n  <h2 variant=\"section\">size</h2>\n  <p data-note>Controls the height, padding, and font size. Defaults to \"md\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"sm\">\n      <button-ui text=\"Small\" size=\"sm\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"md\">\n      <button-ui text=\"Medium\" size=\"md\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"lg\">\n      <button-ui text=\"Large\" size=\"lg\"></button-ui>\n      </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"primary + sm\">\n      <button-ui text=\"Small Primary\" variant=\"primary\" size=\"sm\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"primary + md\">\n      <button-ui text=\"Medium Primary\" variant=\"primary\" size=\"md\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"primary + lg\">\n      <button-ui text=\"Large Primary\" variant=\"primary\" size=\"lg\"></button-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/button/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/button-text-icon.json

@@ -0,0 +1,15 @@
+{
+  "name": "button-text-icon",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/button",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "text-icon"
+  },
+  "html": "<section data-section data-property=\"text-icon\" data-chunk=\"button-text-icon\">\n  <h2 variant=\"section\">text + icon</h2>\n  <p data-note>Combine text and icon attributes for a labeled icon button.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"magnifying-glass\">\n      <button-ui text=\"Search\" icon=\"magnifying-glass\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"chat-circle primary\">\n      <button-ui text=\"New Chat\" icon=\"chat-circle\" variant=\"primary\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"gear outline\">\n      <button-ui text=\"Settings\" icon=\"gear\" variant=\"outline\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"trash danger\">\n      <button-ui text=\"Delete\" icon=\"trash\" color=\"danger\"></button-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/button/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/button-text.json

@@ -0,0 +1,15 @@
+{
+  "name": "button-text",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/button",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "text"
+  },
+  "html": "<section data-section data-property=\"text\" data-chunk=\"button-text\">\n  <h2 variant=\"section\">text</h2>\n  <p data-note>Label text rendered inside the button via the <code>text</code> attribute.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"Save\"><button-ui text=\"Save\"></button-ui></div>\n    <div data-artifact-item data-artifact-label=\"Cancel\"><button-ui text=\"Cancel\"></button-ui></div>\n    <div data-artifact-item data-artifact-label=\"Continue\"><button-ui text=\"Continue\" variant=\"primary\"></button-ui></div>\n    <div data-artifact-item data-artifact-label=\"(empty text)\"><button-ui text=\"\"></button-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/button/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/button-trailing.json

@@ -0,0 +1,15 @@
+{
+  "name": "button-trailing",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/button",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "trailing"
+  },
+  "html": "<section data-section data-property=\"trailing\" data-chunk=\"button-trailing\">\n  <h2 variant=\"section\">trailing slot</h2>\n  <p data-note>Use the trailing slot for keyboard shortcuts or badges alongside button text.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"kbd trailing\">\n      <button-ui text=\"Search\" icon=\"magnifying-glass\" variant=\"outline\">\n        <kbd-ui slot=\"trailing\">&#8984;K</kbd-ui>\n      </button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"primary + kbd\">\n      <button-ui text=\"Save\" variant=\"primary\">\n        <kbd-ui slot=\"trailing\">&#8984;S</kbd-ui>\n      </button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"icon + text + kbd\">\n      <button-ui text=\"New Chat\" icon=\"chat-circle\">\n        <kbd-ui slot=\"trailing\">&#8984;N</kbd-ui>\n      </button-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/button/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/button-type.json

@@ -0,0 +1,15 @@
+{
+  "name": "button-type",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/button",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "type"
+  },
+  "html": "<section data-section data-property=\"type\" data-chunk=\"button-type\">\n  <h2 variant=\"section\">type</h2>\n  <p data-note>Native button type: <code>button</code> (default), <code>submit</code>, or <code>reset</code>.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"button\"><button-ui text=\"Button\" type=\"button\"></button-ui></div>\n    <div data-artifact-item data-artifact-label=\"submit\"><button-ui text=\"Submit\" type=\"submit\" variant=\"primary\"></button-ui></div>\n    <div data-artifact-item data-artifact-label=\"reset\"><button-ui text=\"Reset\" type=\"reset\" variant=\"outline\"></button-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/button/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/button-variant-solid.json

@@ -0,0 +1,15 @@
+{
+  "name": "button-variant-solid",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/button",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "variant-solid"
+  },
+  "html": "<section data-section data-property=\"variant-solid\" data-chunk=\"button-variant-solid\">\n  <h2 variant=\"section\">variant: solid</h2>\n  <p data-note>The <code>solid</code> variant is the default visual style.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"solid\"><button-ui text=\"Solid\" variant=\"solid\"></button-ui></div>\n    <div data-artifact-item data-artifact-label=\"solid sm\"><button-ui text=\"Solid sm\" variant=\"solid\" size=\"sm\"></button-ui></div>\n    <div data-artifact-item data-artifact-label=\"solid lg\"><button-ui text=\"Solid lg\" variant=\"solid\" size=\"lg\"></button-ui></div>\n    <div data-artifact-item data-artifact-label=\"solid icon-only\"><button-ui icon=\"plus\" variant=\"solid\"></button-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/button/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/button-variant.json

@@ -0,0 +1,15 @@
+{
+  "name": "button-variant",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/button",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "variant"
+  },
+  "html": "<section data-section data-property=\"variant\" data-chunk=\"button-variant\">\n  <h2 variant=\"section\">variant</h2>\n  <p data-note>Controls the visual style of the button. Defaults to \"default\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default\">\n      <button-ui text=\"Default\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"primary\">\n      <button-ui text=\"Primary\" variant=\"primary\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"outline\">\n      <button-ui text=\"Outline\" variant=\"outline\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"ghost\">\n      <button-ui text=\"Ghost\" variant=\"ghost\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"danger\">\n      <button-ui text=\"Danger\" color=\"danger\"></button-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"link\">\n      <button-ui text=\"Link\" variant=\"link\"></button-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/button/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-default.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-default",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "default"
+  },
+  "html": "<section data-section data-property=\"default\" data-chunk=\"calendar-picker-default\">\n  <h2 variant=\"section\">Default</h2>\n  <p data-note>Basic date picker with no pre-selected date.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default\">\n      <calendar-picker-ui></calendar-picker-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-disabled.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-disabled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "disabled"
+  },
+  "html": "<section data-section data-property=\"disabled\" data-chunk=\"calendar-picker-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>Prevents interaction.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"disabled\">\n      <field-ui label=\"Disabled\">\n        <calendar-picker-ui value=\"2026-01-01\" disabled></calendar-picker-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-format.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-format",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "format"
+  },
+  "html": "<section data-section data-property=\"format\" data-chunk=\"calendar-picker-format\">\n  <h2 variant=\"section\">format</h2>\n  <p data-note>Controls how the selected date is displayed. Defaults to \"short\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"short\">\n      <field-ui label=\"Short\">\n        <calendar-picker-ui value=\"2026-03-15\" format=\"short\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long\">\n      <field-ui label=\"Long\">\n        <calendar-picker-ui value=\"2026-03-15\" format=\"long\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"iso\">\n      <field-ui label=\"ISO\">\n        <calendar-picker-ui value=\"2026-03-15\" format=\"iso\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-label.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-label",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "label"
+  },
+  "html": "<section data-section data-property=\"label\" data-chunk=\"calendar-picker-label\">\n  <h2 variant=\"section\">label</h2>\n  <p data-note>Field label rendered above the trigger.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"with label\">\n      <field-ui label=\"Start Date\">\n        <calendar-picker-ui></calendar-picker-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"label + placeholder\">\n      <field-ui label=\"End Date\">\n        <calendar-picker-ui placeholder=\"Pick an end date...\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-max.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-max",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "max"
+  },
+  "html": "<section data-section data-property=\"max\" data-chunk=\"calendar-picker-max\">\n  <h2 variant=\"section\">max</h2>\n  <p data-note>Latest selectable ISO date. Dates after max are disabled in the grid.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='max=\"2026-04-17\"'>\n      <field-ui label=\"Past Only\">\n        <calendar-picker-ui max=\"2026-04-17\" placeholder=\"Up to yesterday\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='max=\"2026-12-31\"'>\n      <field-ui label=\"End of Year\">\n        <calendar-picker-ui max=\"2026-12-31\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-min-max.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-min-max",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "min-max"
+  },
+  "html": "<section data-section data-property=\"min-max\" data-chunk=\"calendar-picker-min-max\">\n  <h2 variant=\"section\">min / max</h2>\n  <p data-note>Constrain the selectable date range.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"min + max\">\n      <field-ui label=\"Event Date\">\n        <calendar-picker-ui min=\"2026-04-01\" max=\"2026-04-30\" placeholder=\"April only\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-min.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-min",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "min"
+  },
+  "html": "<section data-section data-property=\"min\" data-chunk=\"calendar-picker-min\">\n  <h2 variant=\"section\">min</h2>\n  <p data-note>Earliest selectable ISO date. Dates before min are disabled in the grid.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='min=\"2026-01-01\"'>\n      <field-ui label=\"Future Only\">\n        <calendar-picker-ui min=\"2026-01-01\" placeholder=\"2026+\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"min=today\">\n      <field-ui label=\"From Today\">\n        <calendar-picker-ui min=\"2026-04-18\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-name.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-name",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "name"
+  },
+  "html": "<section data-section data-property=\"name\" data-chunk=\"calendar-picker-name\">\n  <h2 variant=\"section\">name</h2>\n  <p data-note>Form field name — the selected ISO date is submitted under this key when the picker is inside a &lt;form&gt;.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='name=\"startDate\"'>\n      <field-ui label=\"Start Date\">\n        <calendar-picker-ui name=\"startDate\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='name=\"dob\" + value'>\n      <field-ui label=\"Date of Birth\">\n        <calendar-picker-ui name=\"dob\" value=\"1995-08-22\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-open.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-open",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "open"
+  },
+  "html": "<section data-section data-property=\"open\" data-chunk=\"calendar-picker-open\">\n  <h2 variant=\"section\">open</h2>\n  <p data-note>Controls the popover grid visibility. Reflects as an attribute and toggles in response to user interaction.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"open=false (default)\">\n      <field-ui label=\"Closed\">\n        <calendar-picker-ui></calendar-picker-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"open\">\n      <field-ui label=\"Open by Default\">\n        <calendar-picker-ui open></calendar-picker-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-placeholder.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-placeholder",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "placeholder"
+  },
+  "html": "<section data-section data-property=\"placeholder\" data-chunk=\"calendar-picker-placeholder\">\n  <h2 variant=\"section\">placeholder</h2>\n  <p data-note>Text shown in the trigger when no date is selected. Defaults to \"Select date...\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"default placeholder\">\n      <field-ui label=\"Default\">\n        <calendar-picker-ui></calendar-picker-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"custom placeholder\">\n      <field-ui label=\"Check-in\">\n        <calendar-picker-ui placeholder=\"Pick arrival day\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"format hint\">\n      <field-ui label=\"Deadline\">\n        <calendar-picker-ui placeholder=\"mm/dd/yyyy\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-required.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-required",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "required"
+  },
+  "html": "<section data-section data-property=\"required\" data-chunk=\"calendar-picker-required\">\n  <h2 variant=\"section\">required</h2>\n  <p data-note>Marks the field as required for form validation. Empty pickers will block submission.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"required\">\n      <field-ui label=\"Appointment\">\n        <calendar-picker-ui required></calendar-picker-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"not required\">\n      <field-ui label=\"Optional Date\">\n        <calendar-picker-ui></calendar-picker-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/calendar-picker-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "calendar-picker-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/calendar-picker",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "html": "<section data-section data-property=\"value\" data-chunk=\"calendar-picker-value\">\n  <h2 variant=\"section\">Pre-selected</h2>\n  <p data-note>Set an initial date value as an ISO string.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"pre-selected\">\n      <field-ui label=\"Birthday\">\n        <calendar-picker-ui value=\"1990-06-15\"></calendar-picker-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/calendar-picker/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/canvas-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "canvas-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/canvas",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "html": "<section data-section data-property=\"basic\" data-chunk=\"canvas-basic\">\n  <h2 variant=\"section\">basic</h2>\n  <p data-note>A canvas element renders A2UI messages into live AdiaUI components. The consumer owns the LLM connection; canvas never calls fetch.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"canvas architecture\">\n      <card-ui variant=\"outlined\">\n        <section>\n          <col-ui gap=\"3\">\n            <text-ui strong>How it works</text-ui>\n            <text-ui color=\"subtle\">The canvas creates an internal <code>&lt;a2ui-root&gt;</code> element. Feed it A2UI protocol messages via <code>.process()</code> or <code>.processAll()</code>, and the root renders them into live AdiaUI components. User interactions (clicks, input changes) bubble up as <code>canvas-interaction</code> events.</text-ui>\n          </col-ui>\n        </section>\n      </card-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/canvas/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/canvas-history.json

@@ -0,0 +1,15 @@
+{
+  "name": "canvas-history",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/canvas",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "history"
+  },
+  "html": "<section data-section data-property=\"history\" data-chunk=\"canvas-history\">\n  <h2 variant=\"section\">Version History</h2>\n  <p data-note>Canvas maintains a version stack (up to 10 entries) for undo/redo of A2UI state.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"version history API\">\n      <card-ui variant=\"outlined\">\n        <section>\n          <col-ui gap=\"3\">\n            <text-ui strong>Undo / Redo pattern</text-ui>\n            <code-ui language=\"js\" text=\"const canvas = document.querySelector('canvas-ui');\n\n// After each generation, snapshot the state\ncanvas.pushVersion(messages);\n\n// Navigate history\ncanvas.back();    // undo — returns false if at oldest\ncanvas.forward(); // redo — returns false if at newest\n\n// Query history\ncanvas.historyLength; // number of snapshots\ncanvas.historyIndex;  // current position\"></code-ui>\n          </col-ui>\n        </section>\n      </card-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/canvas/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/canvas-theme.json

@@ -0,0 +1,15 @@
+{
+  "name": "canvas-theme",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/canvas",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "theme"
+  },
+  "html": "<section data-section data-property=\"theme\" data-chunk=\"canvas-theme\">\n  <h2 variant=\"section\">theme</h2>\n  <p data-note>When set, wraps the internal <code>&lt;a2ui-root&gt;</code> in a <code>&lt;theme-ui&gt;</code> element with the given preset.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"no theme attr\">\n      <card-ui variant=\"outlined\">\n        <section>\n          <col-ui gap=\"2\">\n            <text-ui strong>Default</text-ui>\n            <text-ui color=\"subtle\">Inherits the page theme.</text-ui>\n          </col-ui>\n        </section>\n      </card-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='theme=\"dark\"'>\n      <card-ui variant=\"outlined\">\n        <section>\n          <col-ui gap=\"2\">\n            <text-ui strong>Custom theme</text-ui>\n            <text-ui color=\"subtle\"><code>theme=\"dark\"</code> applies a theme wrapper.</text-ui>\n          </col-ui>\n        </section>\n      </card-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/canvas/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/card-elevation.json

@@ -0,0 +1,15 @@
+{
+  "name": "card-elevation",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "elevation"
+  },
+  "html": "<section data-section data-property=\"elevation\" data-chunk=\"card-elevation\">\n  <h2 variant=\"section\">elevation</h2>\n  <p data-note>Shadow depth from 0 (flat) to 3 (highest). Defaults to 1.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"0\">\n      <card-ui elevation=\"0\">\n        <section>No shadow</section>\n      </card-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"1\">\n      <card-ui elevation=\"1\">\n        <section>Subtle shadow</section>\n      </card-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"2\">\n      <card-ui elevation=\"2\">\n        <section>Medium shadow</section>\n      </card-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"3\">\n      <card-ui elevation=\"3\">\n        <section>Deep shadow</section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/card-header-body-footer.json

@@ -0,0 +1,15 @@
+{
+  "name": "card-header-body-footer",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "header-body-footer"
+  },
+  "html": "<section data-section data-property=\"header-body-footer\" data-chunk=\"card-header-body-footer\">\n  <h2 variant=\"section\">Header / Body / Footer</h2>\n  <p data-note>Full card anatomy with heading, description, action, body, and footer slots.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"full anatomy\">\n      <card-ui>\n        <header>\n          <span slot=\"heading\"><h2>Card Title</h2></span>\n          <text-ui slot=\"description\">A short description of the card</text-ui>\n          <button-ui slot=\"action\" variant=\"ghost\" icon=\"dots-three\"></button-ui>\n        </header>\n        <section>This is the main body content of the card. It can contain any markup.</section>\n        <footer>\n          <text-ui slot=\"description\">Last updated 2 hours ago</text-ui>\n          <button-ui slot=\"action\" text=\"Save\" variant=\"primary\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"image at top\">\n      <card-ui elevation=\"2\">\n        <img\n          src=\"https://picsum.photos/seed/card-demo/400/180\"\n          alt=\"Card image\"\n          style=\"width: 100%; display: block; border-radius: var(--a-radius-md) var(--a-radius-md) 0 0\"\n        />\n        <header>\n          <span slot=\"heading\"><h2>Image Card</h2></span>\n          <text-ui slot=\"description\">Card with a top image</text-ui>\n        </header>\n        <section>Content below the image.</section>\n        <footer>\n          <button-ui slot=\"action\" text=\"Learn More\" variant=\"outline\"></button-ui>\n        </footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/card-raw.json

@@ -0,0 +1,15 @@
+{
+  "name": "card-raw",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "raw"
+  },
+  "html": "<section data-section data-property=\"raw\" data-chunk=\"card-raw\">\n  <h2 variant=\"section\">raw</h2>\n  <p data-note>Strips all chrome: border, background, shadow, and padding.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"raw\">\n      <card-ui raw>\n        <section>Raw card content with no chrome</section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/card-size-lg.json

@@ -0,0 +1,15 @@
+{
+  "name": "card-size-lg",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "size-lg"
+  },
+  "html": "<section data-section data-property=\"size-lg\" data-chunk=\"card-size-lg\">\n  <h2 variant=\"section\">size: lg</h2>\n  <p data-note>Large card size with generous padding.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"lg\">\n      <card-ui size=\"lg\" style=\"width: 240px\">\n        <header>\n          <h3>Large</h3>\n        </header>\n        <section>Roomy padding.</section>\n        <footer>Footer</footer>\n      </card-ui >\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/card-size-md.json

@@ -0,0 +1,15 @@
+{
+  "name": "card-size-md",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "size-md"
+  },
+  "html": "<section data-section data-property=\"size-md\" data-chunk=\"card-size-md\">\n  <h2 variant=\"section\">size: md</h2>\n  <p data-note>Medium card size — the default padding scale.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"md\">\n      <card-ui size=\"md\" style=\"width: 200px\">\n        <header>\n          <h3>Medium</h3>\n        </header>\n        <section>Default padding.</section>\n        <footer>Footer</footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/card-size.json

@@ -0,0 +1,15 @@
+{
+  "name": "card-size",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "size"
+  },
+  "html": "<section data-section data-property=\"size\" data-chunk=\"card-size\">\n  <h2 variant=\"section\">size</h2>\n  <p data-note>Controls padding and font scale.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"sm\">\n      <card-ui size=\"sm\">\n        <section>Small card</section>\n      </card-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"md\">\n      <card-ui size=\"md\">\n        <section>Medium card</section>\n      </card-ui>\n    </div>\n    <div data-artifact-item data-artifact-label=\"lg\">\n      <card-ui size=\"lg\">\n        <section>Large card</section>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/card-variant-filled.json

@@ -0,0 +1,15 @@
+{
+  "name": "card-variant-filled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/card",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "variant-filled"
+  },
+  "html": "<section data-section data-property=\"variant-filled\" data-chunk=\"card-variant-filled\">\n  <h2 variant=\"section\">variant: filled</h2>\n  <p data-note>Filled variant uses a tinted background.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"filled\">\n      <card-ui variant=\"filled\" style=\"width: 200px\">\n        <header>\n          <h3>Filled</h3>\n        </header>\n        <section>Subtle fill.</section>\n        <footer>Footer</footer>\n      </card-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/components/card/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}