@adia-ai/a2ui-corpus 0.0.2 → 0.0.3

package/chunks/select-error.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-error",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "error"
+  },
+  "html": "<section data-section data-property=\"error\" data-chunk=\"select-error\">\n  <h2 variant=\"section\">error</h2>\n  <p data-note>Shows validation error styling and message.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"error\">\n      <field-ui label=\"Role\">\n        <select-ui placeholder=\"Select a role\" error=\"Role is required\" required>\n        <option value=\"admin\">Admin</option>\n        <option value=\"editor\">Editor</option>\n        <option value=\"viewer\">Viewer</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-free-text.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-free-text",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "free-text"
+  },
+  "html": "<section data-section data-property=\"free-text\" data-chunk=\"select-free-text\">\n  <h2 variant=\"section\">free-text (combobox)</h2>\n  <p data-note>With <code>searchable</code>, allow the typed query to be committed on Enter even when no option matches. This is the combobox / autocomplete mode.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"searchable + free-text\">\n      <field-ui label=\"Tag\">\n        <select-ui searchable free-text placeholder=\"Type or pick...\">\n        <option value=\"bug\">Bug</option>\n        <option value=\"feature\">Feature</option>\n        <option value=\"chore\">Chore</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-grouped.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-grouped",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "grouped"
+  },
+  "html": "<section data-section data-property=\"grouped\" data-chunk=\"select-grouped\">\n  <h2 variant=\"section\">grouped options</h2>\n  <p data-note>Use optgroup elements to organize options into labeled groups.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"grouped\">\n      <field-ui label=\"Location\">\n        <select-ui placeholder=\"Choose a city\">\n        <optgroup label=\"North America\">\n          <option value=\"nyc\">New York</option>\n          <option value=\"sf\">San Francisco</option>\n          <option value=\"toronto\">Toronto</option>\n        </optgroup>\n        <optgroup label=\"Europe\">\n          <option value=\"london\">London</option>\n          <option value=\"paris\">Paris</option>\n          <option value=\"berlin\">Berlin</option>\n        </optgroup>\n        <optgroup label=\"Asia\">\n          <option value=\"tokyo\">Tokyo</option>\n          <option value=\"singapore\">Singapore</option>\n        </optgroup>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-icon.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-icon",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "icon"
+  },
+  "html": "<section data-section data-property=\"icon\" data-chunk=\"select-icon\">\n  <h2 variant=\"section\">icon</h2>\n  <p data-note>Displays a leading icon in the trigger.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"with icon\">\n      <field-ui label=\"Theme\">\n        <select-ui icon=\"moon\" placeholder=\"Select theme\">\n        <option value=\"light\">Light</option>\n        <option value=\"dark\">Dark</option>\n        <option value=\"auto\">System</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-label.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-label",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "label"
+  },
+  "html": "<section data-section data-property=\"label\" data-chunk=\"select-label\">\n  <h2 variant=\"section\">label</h2>\n  <p data-note>Optional field label rendered above the control.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='label=\"Framework\"'>\n      <field-ui label=\"Framework\">\n        <select-ui>\n        <option value=\"react\">React</option>\n        <option value=\"svelte\">Svelte</option>\n        <option value=\"solid\">Solid</option>\n      </select-ui>\n      </field-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"(no label)\">\n      <select-ui>\n        <option value=\"a\">A</option>\n        <option value=\"b\">B</option>\n      </select-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-multiple.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-multiple",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "multiple"
+  },
+  "html": "<section data-section data-property=\"multiple\" data-chunk=\"select-multiple\">\n  <h2 variant=\"section\">multiple</h2>\n  <p data-note>Allows selecting more than one option.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"multiple\">\n      <field-ui label=\"Tags\">\n        <select-ui placeholder=\"Select tags\" multiple>\n        <option value=\"bug\">Bug</option>\n        <option value=\"feature\">Feature</option>\n        <option value=\"docs\">Documentation</option>\n        <option value=\"urgent\">Urgent</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-name.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-name",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "name"
+  },
+  "html": "<section data-section data-property=\"name\" data-chunk=\"select-name\">\n  <h2 variant=\"section\">name</h2>\n  <p data-note>Form field name, used when the select participates in form submission.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='name=\"country\"'>\n      <field-ui label=\"Country\">\n        <select-ui name=\"country\">\n        <option value=\"us\">United States</option>\n        <option value=\"gb\">United Kingdom</option>\n        <option value=\"jp\">Japan</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-open.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-open",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "open"
+  },
+  "html": "<section data-section data-property=\"open\" data-chunk=\"select-open\">\n  <h2 variant=\"section\">open</h2>\n  <p data-note>Popover open state. Can be programmatically controlled.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"open (listbox shown)\">\n      <field-ui label=\"Preview\">\n        <select-ui open>\n        <option value=\"a\">Option A</option>\n        <option value=\"b\">Option B</option>\n        <option value=\"c\">Option C</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-placeholder.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-placeholder",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "placeholder"
+  },
+  "html": "<section data-section data-property=\"placeholder\" data-chunk=\"select-placeholder\">\n  <h2 variant=\"section\">placeholder</h2>\n  <p data-note>Ghost text shown when no option is selected. Defaults to \"Select...\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"custom placeholder\">\n      <select-ui placeholder=\"Choose an option...\">\n        <option value=\"a\">Option A</option>\n        <option value=\"b\">Option B</option>\n      </select-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"default placeholder\">\n      <select-ui>\n        <option value=\"a\">Option A</option>\n        <option value=\"b\">Option B</option>\n      </select-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-readonly.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-readonly",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "readonly"
+  },
+  "html": "<section data-section data-property=\"readonly\" data-chunk=\"select-readonly\">\n  <h2 variant=\"section\">readonly</h2>\n  <p data-note>Value is visible but cannot be changed. Useful when the value is computed or locked by workflow state.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"readonly\">\n      <field-ui label=\"Tier\">\n        <select-ui readonly value=\"enterprise\">\n        <option value=\"free\">Free</option>\n        <option value=\"pro\">Pro</option>\n        <option value=\"enterprise\">Enterprise</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-required.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-required",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "required"
+  },
+  "html": "<section data-section data-property=\"required\" data-chunk=\"select-required\">\n  <h2 variant=\"section\">required</h2>\n  <p data-note>Marks the select as required for form validation.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"required\">\n      <field-ui label=\"Plan\">\n        <select-ui required placeholder=\"Choose a plan...\">\n        <option value=\"free\">Free</option>\n        <option value=\"pro\">Pro</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-searchable.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-searchable",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "searchable"
+  },
+  "html": "<section data-section data-property=\"searchable\" data-chunk=\"select-searchable\">\n  <h2 variant=\"section\">searchable</h2>\n  <p data-note>Enables a search field within the dropdown to filter options.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"searchable\">\n      <field-ui label=\"Country\">\n        <select-ui placeholder=\"Search countries...\" searchable>\n        <option value=\"us\">United States</option>\n        <option value=\"uk\">United Kingdom</option>\n        <option value=\"ca\">Canada</option>\n        <option value=\"au\">Australia</option>\n        <option value=\"de\">Germany</option>\n        <option value=\"fr\">France</option>\n        <option value=\"jp\">Japan</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-size.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-size",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "size"
+  },
+  "html": "<section data-section data-property=\"size\" data-chunk=\"select-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      <select-ui size=\"sm\" placeholder=\"Pick a fruit\">\n          <option value=\"apple\">Apple</option>\n          <option value=\"banana\">Banana</option>\n          <option value=\"cherry\">Cherry</option>\n        </select-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Medium (default)\">\n    <field-ui label=\"Medium (default)\">\n      <select-ui placeholder=\"Pick a fruit\">\n          <option value=\"apple\">Apple</option>\n          <option value=\"banana\">Banana</option>\n          <option value=\"cherry\">Cherry</option>\n        </select-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Large\">\n    <field-ui label=\"Large\">\n      <select-ui size=\"lg\" placeholder=\"Pick a fruit\">\n          <option value=\"apple\">Apple</option>\n          <option value=\"banana\">Banana</option>\n          <option value=\"cherry\">Cherry</option>\n        </select-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/select-value.json

@@ -0,0 +1,15 @@
+{
+  "name": "select-value",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/select",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "value"
+  },
+  "html": "<section data-section data-property=\"value\" data-chunk=\"select-value\">\n  <h2 variant=\"section\">value</h2>\n  <p data-note>The selected option's value. Reactive.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='value=\"jp\"'>\n      <field-ui label=\"Default selected\">\n        <select-ui value=\"jp\">\n        <option value=\"us\">United States</option>\n        <option value=\"gb\">United Kingdom</option>\n        <option value=\"jp\">Japan</option>\n      </select-ui>\n      </field-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/select/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/settings-billing-plan.json

@@ -0,0 +1,14 @@
+{
+  "name": "settings-billing-plan",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/billing",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": ""
+  },
+  "html": "<div data-col data-chunk=\"settings-billing-plan\">\n      <card-ui>\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"star\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>Pro</text-ui>\n            <badge-ui text=\"Current\" variant=\"accent\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Change plan\" variant=\"primary\" size=\"sm\" onclick=\"document.getElementById('drawer-change-plan').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">$49/month · billed monthly · Next invoice May 14, 2026</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <field-ui label=\"Billing interval\">\n        <segmented-ui value=\"monthly\">\n          <segment-ui value=\"monthly\" text=\"Monthly\"></segment-ui>\n          <segment-ui value=\"annual\" text=\"Annual · 2 months free\"></segment-ui>\n        </segmented-ui>\n      </field-ui>\n    </div>",
+  "source": "site/pages/examples/billing/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/settings-general-form.json

@@ -0,0 +1,14 @@
+{
+  "name": "settings-general-form",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/settings-page",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": ""
+  },
+  "html": "<div data-col data-chunk=\"settings-general-form\">\n          <field-ui label=\"Workspace name\">\n            <input-ui placeholder=\"My Workspace\" value=\"AdiaUI\"></input-ui>\n          </field-ui>\n          <field-ui label=\"Slug\">\n            <input-ui prefix=\"/\" placeholder=\"my-workspace\" value=\"adia-ui\"></input-ui>\n          </field-ui>\n        </div>",
+  "source": "site/pages/examples/settings-page/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/settings-integrations.json

@@ -0,0 +1,14 @@
+{
+  "name": "settings-integrations",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/integrations",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": ""
+  },
+  "html": "<div data-col data-chunk=\"settings-integrations\">\n      <card-ui>\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"slack-logo\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>Slack</text-ui>\n            <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Configure\" onclick=\"document.getElementById('drawer-slack').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">Posts to #product-updates · connected by Alex Chen</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <card-ui>\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"github-logo\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>GitHub</text-ui>\n            <badge-ui text=\"Connected\" variant=\"success\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Configure\" onclick=\"document.getElementById('drawer-github').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">acme-corp organization · 14 repositories synced</text-ui>\n          </span>\n        </header>\n      </card-ui>\n      <card-ui>\n        <header>\n          <span slot=\"icon\">\n            <avatar-ui icon=\"envelope\"></avatar-ui>\n          </span>\n          <span slot=\"heading\">\n            <text-ui strong>Email (SMTP)</text-ui>\n            <badge-ui text=\"Action needed\" variant=\"warning\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Reconnect\" variant=\"primary\" onclick=\"document.getElementById('drawer-smtp').open = true\"></button-ui>\n          </span>\n          <span slot=\"description\">\n            <text-ui color=\"subtle\" size=\"sm\">Credentials expired on April 12, 2026</text-ui>\n          </span>\n        </header>\n      </card-ui>\n    </div>",
+  "source": "site/pages/examples/integrations/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/settings-members-invite.json

@@ -0,0 +1,14 @@
+{
+  "name": "settings-members-invite",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/members",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": ""
+  },
+  "html": "<div data-col data-chunk=\"settings-members-invite\">\n      <field-ui label=\"Email addresses\">\n        <textarea-ui placeholder=\"alex@acme.com, sarah@acme.com (comma or newline separated)\" rows=\"3\"></textarea-ui>\n      </field-ui>\n      <field-ui label=\"Default role\">\n        <select-ui value=\"member\">\n        <option value=\"admin\">Admin · can invite, remove, and billing</option>\n        <option value=\"member\">Member · can edit and invite</option>\n        <option value=\"viewer\">Viewer · read-only</option>\n      </select-ui>\n      </field-ui>\n      <field-ui label=\"Send welcome email\" inline>\n        <switch-ui checked></switch-ui>\n      </field-ui>\n      <button-ui text=\"Send invites\" variant=\"primary\" icon=\"paper-plane-tilt\"></button-ui>\n    </div>",
+  "source": "site/pages/examples/members/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/settings-profile-security.json

@@ -0,0 +1,14 @@
+{
+  "name": "settings-profile-security",
+  "kind": "block",
+  "primary": "div",
+  "page": "/site/examples/profile-security",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": ""
+  },
+  "html": "<div data-col data-chunk=\"settings-profile-security\">\n      <row-ui gap=\"4\" align=\"center\">\n        <avatar-ui text=\"Kim Granlund\" size=\"xl\"></avatar-ui>\n        <col-ui gap=\"2\">\n          <field-ui label=\"Upload new avatar\">\n            <upload-ui accept=\"image/*\"></upload-ui>\n          </field-ui>\n          <text-ui color=\"subtle\" size=\"sm\">JPG, PNG or WebP. Max 2 MB. Square images render best.</text-ui>\n        </col-ui>\n      </row-ui>\n      <field-ui label=\"Full name\">\n        <input-ui value=\"Kim Granlund\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Display name\">\n        <input-ui value=\"kimba\" prefix=\"@\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Email\">\n        <input-ui value=\"kim@acme.com\" type=\"email\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Bio\">\n        <textarea-ui placeholder=\"Tell the team a bit about yourself\" rows=\"3\">Product engineer. Working on the gen-UI pipeline.</textarea-ui>\n      </field-ui>\n    </div>",
+  "source": "site/pages/examples/profile-security/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/skeleton-card-placeholder.json

@@ -0,0 +1,15 @@
+{
+  "name": "skeleton-card-placeholder",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/skeleton",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "card-placeholder"
+  },
+  "html": "<section data-section data-property=\"card-placeholder\" data-chunk=\"skeleton-card-placeholder\">\n  <h2 variant=\"section\">Card Placeholder</h2>\n  <p data-note>Composite skeleton layout simulating a loading card.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"card placeholder\">\n      <div style=\"display:flex; flex-direction:column; gap:var(--a-space-3); width:280px; padding:var(--a-space-4); border:1px solid var(--ui-border); border-radius:var(--a-radius-md);\">\n        <skeleton-ui width=\"100%\" height=\"120px\" radius=\"md\"></skeleton-ui>\n        <skeleton-ui width=\"70%\" height=\"1.2em\" radius=\"sm\"></skeleton-ui>\n        <skeleton-ui width=\"100%\" height=\"0.9em\" radius=\"sm\"></skeleton-ui>\n        <skeleton-ui width=\"90%\" height=\"0.9em\" radius=\"sm\"></skeleton-ui>\n        <skeleton-ui width=\"60%\" height=\"0.9em\" radius=\"sm\"></skeleton-ui>\n      </div>\n      </div>\n    <div data-artifact-item data-artifact-label=\"avatar + text lines\">\n      <div style=\"display:flex; gap:var(--a-space-3); align-items:center;\">\n        <skeleton-ui width=\"48px\" height=\"48px\" radius=\"full\"></skeleton-ui>\n        <div style=\"display:flex; flex-direction:column; gap:var(--a-space-2);\">\n          <skeleton-ui width=\"120px\" height=\"1em\" radius=\"sm\"></skeleton-ui>\n          <skeleton-ui width=\"80px\" height=\"0.8em\" radius=\"sm\"></skeleton-ui>\n        </div>\n      </div>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/skeleton/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/skeleton-height.json

@@ -0,0 +1,15 @@
+{
+  "name": "skeleton-height",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/skeleton",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "height"
+  },
+  "html": "<section data-section data-property=\"height\" data-chunk=\"skeleton-height\">\n  <h2 variant=\"section\">height</h2>\n  <p data-note>Explicit height of the skeleton. Accepts any CSS length.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"12px\"><skeleton-ui width=\"120px\" height=\"12px\"></skeleton-ui></div>\n    <div data-artifact-item data-artifact-label=\"24px\"><skeleton-ui width=\"120px\" height=\"24px\"></skeleton-ui></div>\n    <div data-artifact-item data-artifact-label=\"48px\"><skeleton-ui width=\"120px\" height=\"48px\"></skeleton-ui></div>\n    <div data-artifact-item data-artifact-label=\"64x64\"><skeleton-ui width=\"64px\" height=\"64px\"></skeleton-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/skeleton/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/skeleton-radius.json

@@ -0,0 +1,15 @@
+{
+  "name": "skeleton-radius",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/skeleton",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "radius"
+  },
+  "html": "<section data-section data-property=\"radius\" data-chunk=\"skeleton-radius\">\n  <h2 variant=\"section\">radius</h2>\n  <p data-note>Controls border radius. Defaults to \"sm\".</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"none\">\n      <skeleton-ui width=\"120px\" height=\"2em\" radius=\"none\"></skeleton-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"sm\">\n      <skeleton-ui width=\"120px\" height=\"2em\" radius=\"sm\"></skeleton-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"md\">\n      <skeleton-ui width=\"120px\" height=\"2em\" radius=\"md\"></skeleton-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"lg\">\n      <skeleton-ui width=\"120px\" height=\"2em\" radius=\"lg\"></skeleton-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"full\">\n      <skeleton-ui width=\"48px\" height=\"48px\" radius=\"full\"></skeleton-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/skeleton/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/skeleton-static.json

@@ -0,0 +1,15 @@
+{
+  "name": "skeleton-static",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/skeleton",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "static"
+  },
+  "html": "<section data-section data-property=\"static\" data-chunk=\"skeleton-static\">\n  <h2 variant=\"section\">static</h2>\n  <p data-note>Shimmer animation is on by default. Add the <code>static</code> attribute to suppress it.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"animated\">\n      <skeleton-ui width=\"150px\" height=\"1.5em\"></skeleton-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"static\">\n      <skeleton-ui width=\"150px\" height=\"1.5em\" static></skeleton-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/skeleton/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/skeleton-width-height.json

@@ -0,0 +1,15 @@
+{
+  "name": "skeleton-width-height",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/skeleton",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "width-height"
+  },
+  "html": "<section data-section data-property=\"width-height\" data-chunk=\"skeleton-width-height\">\n  <h2 variant=\"section\">width / height</h2>\n  <p data-note>Controls skeleton dimensions. Accepts any CSS length value.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"100px x 1em\">\n      <skeleton-ui width=\"100px\" height=\"1em\"></skeleton-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"200px x 1.5em\">\n      <skeleton-ui width=\"200px\" height=\"1.5em\"></skeleton-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"150px x 3rem\">\n      <skeleton-ui width=\"150px\" height=\"3rem\"></skeleton-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"100% x 80px\">\n      <skeleton-ui width=\"100%\" height=\"80px\"></skeleton-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/skeleton/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/skeleton-width.json

@@ -0,0 +1,15 @@
+{
+  "name": "skeleton-width",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/skeleton",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "width"
+  },
+  "html": "<section data-section data-property=\"width\" data-chunk=\"skeleton-width\">\n  <h2 variant=\"section\">width</h2>\n  <p data-note>Explicit width of the skeleton. Accepts any CSS length.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"80px\"><skeleton-ui width=\"80px\"></skeleton-ui></div>\n    <div data-artifact-item data-artifact-label=\"160px\"><skeleton-ui width=\"160px\"></skeleton-ui></div>\n    <div data-artifact-item data-artifact-label=\"240px\"><skeleton-ui width=\"240px\"></skeleton-ui></div>\n    <div data-artifact-item data-artifact-label=\"100%\"><skeleton-ui width=\"100%\"></skeleton-ui></div>\n  </div>\n</section>",
+  "source": "site/pages/components/skeleton/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/slider-disabled.json

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

package/chunks/slider-error.json

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

package/chunks/slider-label.json

@@ -0,0 +1,15 @@
+{
+  "name": "slider-label",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/slider",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "label"
+  },
+  "html": "<section data-section data-property=\"label\" data-chunk=\"slider-label\">\n  <h2 variant=\"section\">label + value readout</h2>\n  <p data-note>Label on the left, current value and optional suffix on the right.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Volume\">\n    <field-ui label=\"Volume\">\n      <slider-ui value=\"75\"></slider-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Brightness\">\n    <field-ui label=\"Brightness\">\n      <slider-ui value=\"60\" suffix=\"%\"></slider-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Width\">\n    <field-ui label=\"Width\">\n      <slider-ui value=\"200\" min=\"0\" max=\"500\" suffix=\"px\"></slider-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/slider/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/slider-name.json

@@ -0,0 +1,15 @@
+{
+  "name": "slider-name",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/slider",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "name"
+  },
+  "html": "<section data-section data-property=\"name\" data-chunk=\"slider-name\">\n  <h2 variant=\"section\">name</h2>\n  <p data-note>Form field name — used when submitting inside a <code>&lt;form&gt;</code> or <code>FormController</code>.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Volume\">\n    <field-ui label=\"Volume\">\n      <slider-ui name=\"volume\" value=\"60\" suffix=\"%\"></slider-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/slider/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/slider-required.json

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

package/chunks/slider-suffix.json

@@ -0,0 +1,15 @@
+{
+  "name": "slider-suffix",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/slider",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "suffix"
+  },
+  "html": "<section data-section data-property=\"suffix\" data-chunk=\"slider-suffix\">\n  <h2 variant=\"section\">suffix</h2>\n  <p data-note>Unit or qualifier appended to the value readout.</p>\n  <div data-artifact-container>\n  <div data-artifact-item data-artifact-label=\"Brightness\">\n    <field-ui label=\"Brightness\">\n      <slider-ui value=\"72\" suffix=\"%\"></slider-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Zoom\">\n    <field-ui label=\"Zoom\">\n      <slider-ui value=\"125\" suffix=\"%\" min=\"50\" max=\"200\"></slider-ui>\n    </field-ui>\n  </div>\n  <div data-artifact-item data-artifact-label=\"Latitude\">\n    <field-ui label=\"Latitude\">\n      <slider-ui value=\"37\" suffix=\"°\" min=\"-90\" max=\"90\"></slider-ui>\n    </field-ui>\n  </div>\n</div>\n</section>",
+  "source": "site/pages/components/slider/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/slider-value.json

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

package/chunks/stat-basic.json

@@ -0,0 +1,15 @@
+{
+  "name": "stat-basic",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/stat",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "basic"
+  },
+  "html": "<section data-section data-property=\"basic\" data-chunk=\"stat-basic\">\n  <h2 variant=\"section\">Basic</h2>\n  <p data-note>Value and label — the minimal stat display.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label=\"value + label\">\n      <stat-ui value=\"1,234\" label=\"Total Users\"></stat-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"currency\">\n      <stat-ui value=\"$42.5k\" label=\"Revenue\"></stat-ui>\n      </div>\n    <div data-artifact-item data-artifact-label=\"percentage\">\n      <stat-ui value=\"99.9%\" label=\"Uptime\"></stat-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/stat/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}

package/chunks/stat-change.json

@@ -0,0 +1,15 @@
+{
+  "name": "stat-change",
+  "kind": "block",
+  "primary": "section",
+  "page": "/site/components/stat",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-section": "",
+    "data-property": "change"
+  },
+  "html": "<section data-section data-property=\"change\" data-chunk=\"stat-change\">\n  <h2 variant=\"section\">change</h2>\n  <p data-note>Change text rendered alongside the value — typically a delta like <code>+12%</code> or <code>-3%</code>. Pair with <code>trend</code> for color.</p>\n  <div data-artifact-container>\n    <div data-artifact-item data-artifact-label='change=\"+12%\"'>\n      <stat-ui value=\"2,847\" label=\"Users\" change=\"+12%\" trend=\"up\"></stat-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='change=\"-8%\"'>\n      <stat-ui value=\"$38.2k\" label=\"Revenue\" change=\"-8%\" trend=\"down\"></stat-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='change=\"0%\"'>\n      <stat-ui value=\"342\" label=\"Orders\" change=\"0%\" trend=\"neutral\"></stat-ui>\n      </div>\n    <div data-artifact-item data-artifact-label='change=\"+24 today\"'>\n      <stat-ui value=\"128\" label=\"Signups\" change=\"+24 today\" trend=\"up\"></stat-ui>\n      </div>\n  </div>\n</section>",
+  "source": "site/pages/components/stat/index.html",
+  "captured_at": "2026-04-28T04:46:20.743Z"
+}