@adia-ai/a2ui-corpus 0.0.2 → 0.0.3

package/chunks/radio-combinations.json

@@ -0,0 +1,15 @@
+{
+  "name": "radio-combinations",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/radio",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "combinations"
+  },
+  "html": "<section data-section data-property=\"combinations\" data-chunk=\"radio-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Horizontal layout and mixed states.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"horizontal group\">\n      <div role=\"radiogroup\" style=\"display:flex; gap:var(--a-space-4);\">\n        <field-ui label=\"Left\" inline>\n          <radio-ui name=\"align-group\" value=\"left\" checked></radio-ui>\n        </field-ui>\n        <field-ui label=\"Center\" inline>\n          <radio-ui name=\"align-group\" value=\"center\"></radio-ui>\n        </field-ui>\n        <field-ui label=\"Right\" inline>\n          <radio-ui name=\"align-group\" value=\"right\"></radio-ui>\n        </field-ui>\n      </div>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/radio/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/radio-disabled.json

@@ -0,0 +1,15 @@
+{
+  "name": "radio-disabled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/radio",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "disabled"
+  },
+  "html": "<section data-section data-property=\"disabled\" data-chunk=\"radio-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=\"disabled unchecked\">\n      <field-ui label=\"Disabled Unchecked\" inline>\n        <radio-ui name=\"demo-dis\" disabled></radio-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"disabled checked\">\n      <field-ui label=\"Disabled Checked\" inline>\n        <radio-ui name=\"demo-dis-2\" checked disabled></radio-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/radio/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/radio-edge-cases.json

@@ -0,0 +1,15 @@
+{
+  "name": "radio-edge-cases",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/radio",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "edge-cases"
+  },
+  "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"radio-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=\"bare (no props)\">\n      <radio-ui></radio-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"single radio\">\n      <field-ui label=\"Solo radio without group\" inline>\n        <radio-ui name=\"solo\" checked></radio-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"long label\">\n      <field-ui label=\"A very long radio label that describes the option in great detail and might wrap to multiple lines\" inline>\n        <radio-ui name=\"long-label\"></radio-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/radio/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/radio-error.json

@@ -0,0 +1,15 @@
+{
+  "name": "radio-error",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/radio",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "error"
+  },
+  "html": "<section data-section data-property=\"error\" data-chunk=\"radio-error\">\n  <h2 variant=\"section\">error</h2>\n  <p data-note>Validation error message for the radio group.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"with error\">\n      <field-ui label=\"Select a plan\" inline>\n        <radio-ui name=\"plan-err\" value=\"basic\" error=\"Please select a plan\"></radio-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"no error\">\n      <field-ui label=\"No error\" inline>\n        <radio-ui name=\"plan-ok\" value=\"basic\"></radio-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/radio/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/radio-group.json

@@ -0,0 +1,15 @@
+{
+  "name": "radio-group",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/radio",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "group"
+  },
+  "html": "<section data-section data-property=\"group\" data-chunk=\"radio-group\">\n  <h2 variant=\"section\">radio group</h2>\n  <p data-note>Group radios with the same name attribute. Arrow keys navigate between them.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"size selection\">\n      <div role=\"radiogroup\" style=\"display:flex; flex-direction:column; gap:var(--a-space-2);\">\n        <field-ui label=\"Small\" inline>\n          <radio-ui name=\"size-group\" value=\"sm\" checked></radio-ui>\n        </field-ui>\n        <field-ui label=\"Medium\" inline>\n          <radio-ui name=\"size-group\" value=\"md\"></radio-ui>\n        </field-ui>\n        <field-ui label=\"Large\" inline>\n          <radio-ui name=\"size-group\" value=\"lg\"></radio-ui>\n        </field-ui>\n      </div>\n      </div>\n    <div data-artifact-item data-artifact-label=\"theme selection\">\n      <div role=\"radiogroup\" style=\"display:flex; flex-direction:column; gap:var(--a-space-2);\">\n        <field-ui label=\"Light\" inline>\n          <radio-ui name=\"theme-group\" value=\"light\"></radio-ui>\n        </field-ui>\n        <field-ui label=\"Dark\" inline>\n          <radio-ui name=\"theme-group\" value=\"dark\" checked></radio-ui>\n        </field-ui>\n        <field-ui label=\"System\" inline>\n          <radio-ui name=\"theme-group\" value=\"system\"></radio-ui>\n        </field-ui>\n      </div>\n      </div>\n    <div data-artifact-item data-artifact-label=\"with disabled option\">\n      <div role=\"radiogroup\" style=\"display:flex; flex-direction:column; gap:var(--a-space-2);\">\n        <field-ui label=\"Free\" inline>\n          <radio-ui name=\"plan-group\" value=\"free\" checked></radio-ui>\n        </field-ui>\n        <field-ui label=\"Pro\" inline>\n          <radio-ui name=\"plan-group\" value=\"pro\"></radio-ui>\n        </field-ui>\n        <field-ui label=\"Enterprise\" inline>\n          <radio-ui name=\"plan-group\" value=\"enterprise\" disabled></radio-ui>\n        </field-ui>\n      </div>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/radio/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/radio-label.json

@@ -0,0 +1,15 @@
+{
+  "name": "radio-label",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/radio",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "label"
+  },
+  "html": "<section data-section data-property=\"label\" data-chunk=\"radio-label\">\n  <h2 variant=\"section\">label</h2>\n  <p data-note>Accessible label text rendered with the control.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"with label\">\n      <field-ui label=\"With Label\" inline>\n        <radio-ui name=\"demo-label\"></radio-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"no label\">\n      <radio-ui name=\"demo-label-none\"></radio-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/radio/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/radio-name.json

@@ -0,0 +1,15 @@
+{
+  "name": "radio-name",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/radio",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "name"
+  },
+  "html": "<section data-section data-property=\"name\" data-chunk=\"radio-name\">\n  <h2 variant=\"section\">name</h2>\n  <p data-note>Form field name. Radios sharing the same name form a mutually-exclusive group.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='name=\"contact-pref\"'>\n      <div role=\"radiogroup\" style=\"display:flex; flex-direction:column; gap:var(--a-space-2);\">\n        <field-ui label=\"Email\" inline>\n          <radio-ui name=\"contact-pref\" value=\"email\" checked></radio-ui>\n        </field-ui>\n        <field-ui label=\"Phone\" inline>\n          <radio-ui name=\"contact-pref\" value=\"phone\"></radio-ui>\n        </field-ui>\n        <field-ui label=\"Mail\" inline>\n          <radio-ui name=\"contact-pref\" value=\"mail\"></radio-ui>\n        </field-ui>\n      </div>\n      </div>\n    <div data-artifact-item data-artifact-label='name=\"currency-pref\"'>\n      <div role=\"radiogroup\" style=\"display:flex; flex-direction:column; gap:var(--a-space-2);\">\n        <field-ui label=\"USD\" inline>\n          <radio-ui name=\"currency-pref\" value=\"usd\"></radio-ui>\n        </field-ui>\n        <field-ui label=\"EUR\" inline>\n          <radio-ui name=\"currency-pref\" value=\"eur\" checked></radio-ui>\n        </field-ui>\n        <field-ui label=\"GBP\" inline>\n          <radio-ui name=\"currency-pref\" value=\"gbp\"></radio-ui>\n        </field-ui>\n      </div>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/radio/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/radio-required.json

@@ -0,0 +1,15 @@
+{
+  "name": "radio-required",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/radio",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "required"
+  },
+  "html": "<section data-section data-property=\"required\" data-chunk=\"radio-required\">\n  <h2 variant=\"section\">required</h2>\n  <p data-note>Marks the radio as required for form validation.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"required\">\n      <field-ui label=\"I agree to the terms\" inline>\n        <radio-ui name=\"terms\" value=\"yes\" required></radio-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"not required\">\n      <field-ui label=\"Optional preference\" inline>\n        <radio-ui name=\"opt\" value=\"yes\"></radio-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/radio/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/radio-size.json

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

package/chunks/radio-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "radio-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/radio",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "html": "<section data-section data-property=\"value\" data-chunk=\"radio-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Value submitted to the form when this radio is selected.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='value=\"standard\"'>\n      <field-ui label=\"Ship standard\" inline>\n        <radio-ui name=\"ship\" value=\"standard\" checked></radio-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='value=\"express\"'>\n      <field-ui label=\"Ship express\" inline>\n        <radio-ui name=\"ship\" value=\"express\"></radio-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='value=\"overnight\"'>\n      <field-ui label=\"Ship overnight\" inline>\n        <radio-ui name=\"ship\" value=\"overnight\"></radio-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/radio/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/range-combinations.json

@@ -0,0 +1,15 @@
+{
+  "name": "range-combinations",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/range",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "combinations"
+  },
+  "html": "<section data-section data-property=\"combinations\" data-chunk=\"range-combinations\">\n  <h2 variant=\"section\">Combinations</h2>\n  <p data-note>Real-world range input configurations used in design tools.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"X\">\n    <range-ui label=\"X\" value=\"120\" min=\"0\" max=\"1920\" step=\"1\" suffix=\"px\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Y\">\n    <range-ui label=\"Y\" value=\"340\" min=\"0\" max=\"1080\" step=\"1\" suffix=\"px\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"W\">\n    <range-ui label=\"W\" value=\"400\" min=\"1\" max=\"1920\" step=\"1\" suffix=\"px\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"H\">\n    <range-ui label=\"H\" value=\"300\" min=\"1\" max=\"1080\" step=\"1\" suffix=\"px\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Blur\">\n    <range-ui label=\"Blur\" value=\"4\" min=\"0\" max=\"100\" step=\"1\" suffix=\"px\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Spread\">\n    <range-ui label=\"Spread\" value=\"0\" min=\"-50\" max=\"50\" step=\"1\" suffix=\"px\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Opacity\">\n    <range-ui label=\"Opacity\" value=\"25\" min=\"0\" max=\"100\" step=\"1\" suffix=\"%\"></range-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/range/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/range-default.json

@@ -0,0 +1,15 @@
+{
+  "name": "range-default",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/range",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "default"
+  },
+  "html": "<section data-section data-property=\"default\" data-chunk=\"range-default\">\n  <h2 variant=\"section\">default</h2>\n  <p data-note>A basic range input with default min (0), max (100), step (1). Drag horizontally to change value.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"50\">\n    <range-ui value=\"50\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"0\">\n    <range-ui value=\"0\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"100\">\n    <range-ui value=\"100\"></range-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/range/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/range-disabled.json

@@ -0,0 +1,15 @@
+{
+  "name": "range-disabled",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/range",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "disabled"
+  },
+  "html": "<section data-section data-property=\"disabled\" data-chunk=\"range-disabled\">\n  <h2 variant=\"section\">disabled</h2>\n  <p data-note>Prevents dragging and applies muted styling.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Locked\">\n    <range-ui label=\"Locked\" value=\"50\" suffix=\"%\" disabled></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Locked Max\">\n    <range-ui label=\"Locked Max\" value=\"100\" suffix=\"%\" disabled></range-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/range/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/range-edge-cases.json

@@ -0,0 +1,15 @@
+{
+  "name": "range-edge-cases",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/range",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "edge-cases"
+  },
+  "html": "<section data-section data-property=\"edge-cases\" data-chunk=\"range-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=\"range\">\n    <range-ui></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Tiny\">\n    <range-ui label=\"Tiny\" value=\"5\" min=\"0\" max=\"10\" step=\"1\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Precision\">\n    <range-ui label=\"Precision\" value=\"0.125\" min=\"0\" max=\"1\" step=\"0.001\"></range-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/range/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/range-error.json

@@ -0,0 +1,15 @@
+{
+  "name": "range-error",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/range",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "error"
+  },
+  "html": "<section data-section data-property=\"error\" data-chunk=\"range-error\">\n  <h2 variant=\"section\">error</h2>\n  <p data-note>Validation error message. Displayed beneath the track.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Volume\">\n    <range-ui label=\"Volume\" value=\"10\" min=\"20\" max=\"100\" error=\"Volume must be at least 20.\"></range-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/range/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/range-label.json

@@ -0,0 +1,15 @@
+{
+  "name": "range-label",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/range",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "label"
+  },
+  "html": "<section data-section data-property=\"label\" data-chunk=\"range-label\">\n  <h2 variant=\"section\">label + value + suffix</h2>\n  <p data-note>Label left-aligned, value right-aligned, suffix after value. All rendered within the scrubber field.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Width\">\n    <range-ui label=\"Width\" value=\"200\" min=\"0\" max=\"500\" suffix=\"px\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Opacity\">\n    <range-ui label=\"Opacity\" value=\"80\" min=\"0\" max=\"100\" suffix=\"%\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Rotation\">\n    <range-ui label=\"Rotation\" value=\"45\" min=\"0\" max=\"360\" suffix=\"&#176;\"></range-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/range/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/range-name.json

@@ -0,0 +1,15 @@
+{
+  "name": "range-name",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/range",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "name"
+  },
+  "html": "<section data-section data-property=\"name\" data-chunk=\"range-name\">\n  <h2 variant=\"section\">name</h2>\n  <p data-note>Form field name — used when submitting inside a form.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Price\">\n    <range-ui label=\"Price\" name=\"price\" value=\"50\" suffix=\"$\"></range-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/range/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/range-required.json

@@ -0,0 +1,15 @@
+{
+  "name": "range-required",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/range",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "required"
+  },
+  "html": "<section data-section data-property=\"required\" data-chunk=\"range-required\">\n  <h2 variant=\"section\">required</h2>\n  <p data-note>Required for form validation.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Budget\">\n    <range-ui label=\"Budget\" name=\"budget\" required value=\"0\" suffix=\"$\"></range-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/range/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/range-suffix.json

@@ -0,0 +1,15 @@
+{
+  "name": "range-suffix",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/range",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "suffix"
+  },
+  "html": "<section data-section data-property=\"suffix\" data-chunk=\"range-suffix\">\n  <h2 variant=\"section\">suffix</h2>\n  <p data-note>Unit or qualifier appended to the readout.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Opacity\">\n    <range-ui label=\"Opacity\" value=\"75\" suffix=\"%\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Font size\">\n    <range-ui label=\"Font size\" value=\"16\" min=\"10\" max=\"32\" suffix=\"px\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Rotation\">\n    <range-ui label=\"Rotation\" value=\"45\" min=\"0\" max=\"360\" suffix=\"°\"></range-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/range/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/range-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "range-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/range",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "html": "<section data-section data-property=\"value\" data-chunk=\"range-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Current numeric value. Reactive.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Low\">\n    <range-ui label=\"Low\" value=\"10\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Mid\">\n    <range-ui label=\"Mid\" value=\"50\"></range-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"High\">\n    <range-ui label=\"High\" value=\"90\"></range-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/range/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/rating-allowHalf.json

@@ -0,0 +1,15 @@
+{
+  "name": "rating-allowHalf",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/rating",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "allowHalf"
+  },
+  "html": "<section data-section data-property=\"allowHalf\" data-chunk=\"rating-allowHalf\">\n  <h2 variant=\"section\">allow-half</h2>\n  <p data-note>Enables 0.5-step precision on click and hover preview.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"3.5 with allow-half\">\n      <rating-ui value=\"3.5\" allow-half readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"2.5 with allow-half\">\n      <rating-ui value=\"2.5\" allow-half readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"interactive half-step\">\n      <rating-ui value=\"0\" allow-half></rating-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/rating/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/rating-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "rating-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/rating",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "html": "<section data-section data-property=\"basic\" data-chunk=\"rating-basic\">\n  <h2 variant=\"section\">Basic</h2>\n  <p data-note>Read-only rating with five-star default scale.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"3 / 5 readonly\">\n      <rating-ui value=\"3\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"4.5 / 5 half-step readonly\">\n      <rating-ui value=\"4.5\" allow-half readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"perfect score\">\n      <rating-ui value=\"5\" readonly></rating-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/rating/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/rating-icon.json

@@ -0,0 +1,15 @@
+{
+  "name": "rating-icon",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/rating",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "icon"
+  },
+  "html": "<section data-section data-property=\"icon\" data-chunk=\"rating-icon\">\n  <h2 variant=\"section\">icon</h2>\n  <p data-note>Swap the symbol via the <code>icon</code> attribute (any Phosphor icon).</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"hearts\">\n      <rating-ui value=\"4\" icon=\"heart\" variant=\"warning\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"thumbs\">\n      <rating-ui value=\"3\" icon=\"thumbs-up\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"accent variant\">\n      <rating-ui value=\"5\" icon=\"fire\" variant=\"accent\" readonly></rating-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/rating/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/rating-interactive.json

@@ -0,0 +1,15 @@
+{
+  "name": "rating-interactive",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/rating",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "interactive"
+  },
+  "html": "<section data-section data-property=\"interactive\" data-chunk=\"rating-interactive\">\n  <h2 variant=\"section\">Interactive</h2>\n  <p data-note>Click or use ↑↓←→ / Home / End to change value.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"click or keyboard\">\n      <rating-ui value=\"0\" name=\"rating-basic\"></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"half-step precision\">\n      <rating-ui value=\"2.5\" allow-half name=\"rating-half\"></rating-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/rating/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/rating-max.json

@@ -0,0 +1,15 @@
+{
+  "name": "rating-max",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/rating",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "max"
+  },
+  "html": "<section data-section data-property=\"max\" data-chunk=\"rating-max\">\n  <h2 variant=\"section\">max</h2>\n  <p data-note>Number of rating symbols. Defaults to 5.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"max=3\">\n      <rating-ui value=\"2\" max=\"3\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"max=5 (default)\">\n      <rating-ui value=\"4\" max=\"5\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"max=7\">\n      <rating-ui value=\"6\" max=\"7\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"max=10\">\n      <rating-ui value=\"8\" max=\"10\" readonly></rating-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/rating/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/rating-name.json

@@ -0,0 +1,15 @@
+{
+  "name": "rating-name",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/rating",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "name"
+  },
+  "html": "<section data-section data-property=\"name\" data-chunk=\"rating-name\">\n  <h2 variant=\"section\">name</h2>\n  <p data-note>Form participation — field name when submitted inside a &lt;form&gt;.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='name=\"review-score\"'>\n      <rating-ui name=\"review-score\" value=\"4\"></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='name=\"satisfaction\"'>\n      <rating-ui name=\"satisfaction\" value=\"3.5\" allow-half></rating-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/rating/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/rating-readonly.json

@@ -0,0 +1,15 @@
+{
+  "name": "rating-readonly",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/rating",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "readonly"
+  },
+  "html": "<section data-section data-property=\"readonly\" data-chunk=\"rating-readonly\">\n  <h2 variant=\"section\">readonly</h2>\n  <p data-note>Display-only mode — disables interaction but remains keyboard-readable.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"readonly\">\n      <rating-ui value=\"4\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"interactive\">\n      <rating-ui value=\"4\"></rating-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/rating/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/rating-size.json

@@ -0,0 +1,15 @@
+{
+  "name": "rating-size",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/rating",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "size"
+  },
+  "html": "<section data-section data-property=\"size\" data-chunk=\"rating-size\">\n  <h2 variant=\"section\">size</h2>\n  <p data-note>Three sizes via universal <code>[size]</code> attribute.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"sm\">\n      <rating-ui value=\"4\" size=\"sm\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"md (default)\">\n      <rating-ui value=\"4\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"lg\">\n      <rating-ui value=\"4\" size=\"lg\" readonly></rating-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/rating/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/rating-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "rating-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/rating",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "html": "<section data-section data-property=\"value\" data-chunk=\"rating-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>Current rating value, from 0 to max. Defaults to 0.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"value=0\">\n      <rating-ui value=\"0\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"value=1\">\n      <rating-ui value=\"1\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"value=3\">\n      <rating-ui value=\"3\" readonly></rating-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"value=5\">\n      <rating-ui value=\"5\" readonly></rating-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/rating/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/record-detail-drawer-simple-detail.json

@@ -0,0 +1,15 @@
+{
+  "name": "record-detail-drawer-simple-detail",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/record-detail-drawer",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "simple-detail"
+  },
+  "html": "<section data-section data-property=\"simple-detail\" data-chunk=\"record-detail-drawer-simple-detail\">\n  <h2 variant=\"section\">Simple record detail</h2>\n  <p data-note>Identity in the header, key/value properties in the body, primary action in the footer.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"simple detail\">\n      <button-ui text=\"View contact\" icon=\"user\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <drawer-ui side=\"right\" size=\"md\">\n        <header slot=\"header\">\n          <row-ui gap=\"2\" align=\"center\" grow>\n            <avatar-ui text=\"Olivia Martin\" size=\"md\"></avatar-ui>\n            <col-ui gap=\"0\" grow>\n              <text-ui strong>Olivia Martin</text-ui>\n              <text-ui color=\"subtle\">Acme Corp · Engineering</text-ui>\n            </col-ui>\n            <badge-ui text=\"Active\" variant=\"success\"></badge-ui>\n          </row-ui>\n        </header>\n        <section slot=\"body\">\n          <description-list-ui>\n            <dt>Email</dt><dd>olivia.martin@acme.com</dd>\n            <dt>Phone</dt><dd>+1 (555) 234-5678</dd>\n            <dt>Location</dt><dd>San Francisco, CA</dd>\n            <dt>Joined</dt><dd>March 12, 2024</dd>\n            <dt>Last active</dt><dd>2 hours ago</dd>\n          </description-list-ui>\n        </section>\n        <footer slot=\"footer\">\n          <span slot=\"action-leading\">\n            <button-ui text=\"Archive\" icon=\"archive\" variant=\"ghost\"></button-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Edit\" variant=\"primary\"></button-ui>\n          </span>\n        </footer>\n      </drawer-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/record-detail-drawer/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/record-detail-drawer-tabbed-detail.json

@@ -0,0 +1,15 @@
+{
+  "name": "record-detail-drawer-tabbed-detail",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/patterns/record-detail-drawer",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "tabbed-detail"
+  },
+  "html": "<section data-section data-property=\"tabbed-detail\" data-chunk=\"record-detail-drawer-tabbed-detail\">\n  <h2 variant=\"section\">Tabbed detail (Properties · Activity · Comments)</h2>\n  <p data-note>Tabs sit directly under the header so switching views doesn't require scrolling. Each tab's panel scrolls independently inside the body.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"tabbed detail\">\n      <button-ui text=\"Open issue\" icon=\"bug\" variant=\"outline\" onclick=\"this.nextElementSibling.open=true\"></button-ui>\n      <drawer-ui side=\"right\" size=\"lg\">\n        <header slot=\"header\">\n          <col-ui gap=\"1\" grow>\n            <row-ui gap=\"2\" align=\"center\">\n              <badge-ui text=\"#142\" variant=\"muted\"></badge-ui>\n              <text-ui strong>Login button misaligned on Safari</text-ui>\n            </row-ui>\n            <row-ui gap=\"2\" align=\"center\">\n              <badge-ui text=\"Open\" variant=\"success\"></badge-ui>\n              <badge-ui text=\"High\" variant=\"warning\"></badge-ui>\n              <text-ui color=\"subtle\">Opened by Alex Chen · 2 days ago</text-ui>\n            </row-ui>\n          </col-ui>\n        </header>\n        <section slot=\"body\">\n          <col-ui gap=\"4\">\n            <tabs-ui value=\"properties\">\n              <tab-ui value=\"properties\" text=\"Properties\"></tab-ui>\n              <tab-ui value=\"activity\"   text=\"Activity\"></tab-ui>\n              <tab-ui value=\"comments\"   text=\"Comments\"></tab-ui>\n            </tabs-ui>\n            <description-list-ui>\n              <dt>Assignee</dt><dd>Sarah Miller</dd>\n              <dt>Reporter</dt><dd>Alex Chen</dd>\n              <dt>Priority</dt><dd>High</dd>\n              <dt>Component</dt><dd>Auth UI</dd>\n              <dt>Browser</dt><dd>Safari 17.2</dd>\n              <dt>Labels</dt><dd>regression, ui, safari-only</dd>\n            </description-list-ui>\n            <col-ui gap=\"2\">\n              <h4>Recent activity</h4>\n              <timeline-ui>\n                <timeline-item-ui text=\"Opened by Alex Chen\" time=\"2 days ago\" icon=\"plus\" status=\"completed\"></timeline-item-ui>\n                <timeline-item-ui text=\"Assigned to Sarah Miller\" time=\"1 day ago\" icon=\"user\" status=\"completed\"></timeline-item-ui>\n                <timeline-item-ui text=\"Priority raised to High\" time=\"6h ago\" icon=\"arrow-up\" status=\"completed\"></timeline-item-ui>\n                <timeline-item-ui text=\"Investigating Safari-specific CSS\" time=\"now\" icon=\"magnifying-glass\" status=\"active\"></timeline-item-ui>\n              </timeline-ui>\n            </col-ui>\n          </col-ui>\n        </section>\n        <footer slot=\"footer\">\n          <span slot=\"action-leading\">\n            <button-ui text=\"Close issue\" variant=\"ghost\"></button-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Assign\" icon=\"user\" variant=\"outline\"></button-ui>\n            <button-ui text=\"Comment\" icon=\"chat\" variant=\"primary\"></button-ui>\n          </span>\n        </footer>\n      </drawer-ui>\n    </div>\n  </div>\n</section>",
+  "source": "site/pages/patterns/record-detail-drawer/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}