@adia-ai/a2ui-corpus 0.7.18 → 0.7.20

package/chunks/form-field-with-error.json

@@ -0,0 +1,151 @@
+{
+  "name": "form-field-with-error",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n    <header>\n      <h3>Validation states</h3>\n      <p slot=\"description\">Error messages live on the control via the error attribute.</p>\n    </header>\n    <section>\n      <col-ui gap=\"4\">\n        <field-ui label=\"Email\" required>\n          <input-ui type=\"email\" name=\"email\" value=\"jane@\" error=\"Enter a valid email address.\" required></input-ui>\n        </field-ui>\n        <field-ui label=\"Username\" hint=\"Letters, numbers, and underscores only.\">\n          <input-ui name=\"username\" value=\"jane_doe\" autocomplete=\"username\"></input-ui>\n        </field-ui>\n        <field-ui label=\"Password\" required>\n          <input-ui type=\"password\" name=\"password\" value=\"abc\" error=\"Password must be at least 8 characters.\" required></input-ui>\n        </field-ui>\n      </col-ui>\n    </section>\n    <footer>\n      <button-ui text=\"Save changes\" variant=\"primary\" type=\"submit\" stretch></button-ui>\n    </footer>\n  </card-ui>",
+  "source": "catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Form fields showing the canonical validation-error shape — a field-ui whose slotted input-ui carries an `error` message (the error renders below the control in danger style, NOT as a sibling element), shown next to a valid field with a hint for contrast. Use for 'form with validation errors', 'invalid field state', 'form field error message'.",
+    "keywords": [
+      "form",
+      "field",
+      "validation",
+      "error",
+      "invalid",
+      "danger",
+      "message",
+      "hint",
+      "required",
+      "input",
+      "field-ui",
+      "error-state",
+      "inline-error",
+      "feedback",
+      "aria",
+      "validation-message",
+      "canonical"
+    ]
+  },
+  "captured_at": "2026-06-10T14:28:57.979Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Validation states"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Error messages live on the control via the error attribute."
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "email",
+      "component": "Input",
+      "type": "email",
+      "required": true,
+      "error": "Enter a valid email address.",
+      "name": "email",
+      "value": "jane@"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "required": true,
+      "label": "Email",
+      "children": [
+        "email"
+      ]
+    },
+    {
+      "id": "username",
+      "component": "Input",
+      "autocomplete": "username",
+      "name": "username",
+      "value": "jane_doe"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "hint": "Letters, numbers, and underscores only.",
+      "label": "Username",
+      "children": [
+        "username"
+      ]
+    },
+    {
+      "id": "password",
+      "component": "Input",
+      "type": "password",
+      "required": true,
+      "error": "Password must be at least 8 characters.",
+      "name": "password",
+      "value": "abc"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "required": true,
+      "label": "Password",
+      "children": [
+        "password"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "field",
+        "field-2",
+        "field-3"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "submit",
+      "stretch": true,
+      "text": "Save changes",
+      "variant": "primary"
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "button"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/image-thumbnail-grid.json

@@ -0,0 +1,77 @@
+{
+  "name": "image-thumbnail-grid",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "1 3@md",
+    "gap": "3"
+  },
+  "html": "<grid-ui\n        columns=\"1 3@md\"\n        gap=\"3\">\n        <image-ui src=\"https://picsum.photos/seed/rev-1/480/320\" alt=\"Quarterly chart export\" radius=\"md\" style=\"aspect-ratio: 3/2\"></image-ui>\n        <image-ui src=\"https://picsum.photos/seed/rev-2/480/320\" alt=\"Top account visualization\" radius=\"md\" style=\"aspect-ratio: 3/2\"></image-ui>\n        <image-ui src=\"https://picsum.photos/seed/rev-3/480/320\" alt=\"Regional breakdown\" radius=\"md\" style=\"aspect-ratio: 3/2\"></image-ui>\n      </grid-ui>",
+  "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "metadata": {
+    "domain": "display",
+    "description": "Image thumbnail grid — a responsive three-column grid of rounded images at a fixed aspect ratio, collapsing to one column on small screens. A compact photo / screenshot gallery for attaching visual results.",
+    "keywords": [
+      "image",
+      "thumbnail",
+      "grid",
+      "photo",
+      "gallery",
+      "screenshots",
+      "pictures",
+      "responsive",
+      "three",
+      "column",
+      "rounded",
+      "aspect",
+      "ratio",
+      "media",
+      "attachments",
+      "visual",
+      "exports",
+      "tiles",
+      "picture",
+      "grid",
+      "photo",
+      "grid"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "image",
+      "component": "Image",
+      "alt": "Quarterly chart export",
+      "radius": "md",
+      "src": "https://picsum.photos/seed/rev-1/480/320"
+    },
+    {
+      "id": "image-2",
+      "component": "Image",
+      "alt": "Top account visualization",
+      "radius": "md",
+      "src": "https://picsum.photos/seed/rev-2/480/320"
+    },
+    {
+      "id": "image-3",
+      "component": "Image",
+      "alt": "Regional breakdown",
+      "radius": "md",
+      "src": "https://picsum.photos/seed/rev-3/480/320"
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 3@md",
+      "gap": "3",
+      "children": [
+        "image",
+        "image-2",
+        "image-3"
+      ]
+    }
+  ]
+}

package/chunks/integrations-api-keys-card-list.json

@@ -0,0 +1,475 @@
+{
+  "name": "integrations-api-keys-card-list",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/saas/app/integrations/integrations.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-col": ""
+  },
+  "html": "<div data-col>\n      <row-ui justify=\"space-between\" align=\"center\">\n        <text-ui color=\"subtle\">3 active keys</text-ui>\n        <button-ui text=\"+ Create key\" variant=\"primary\"></button-ui>\n      </row-ui>\n      <card-ui>\n        <header>\n          <span slot=\"heading\">\n            <text-ui strong>Production</text-ui>\n            <badge-ui text=\"Read/Write\" variant=\"accent\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Reveal\" variant=\"ghost\" icon=\"eye\"></button-ui>\n            <button-ui text=\"Rotate\"></button-ui>\n          </span>\n        </header>\n        <section>\n          <code-ui>\n            <header>\n              <span slot=\"label\">Key</span>\n              <div role=\"button\" tabindex=\"0\" slot=\"copy\">Copy</div>\n            </header>\n            <pre><code>sk_live_••••••••••••4f72</code></pre>\n            <footer>Created Jan 14, 2026 · Last used 3m ago</footer>\n          </code-ui>\n        </section>\n      </card-ui>\n      <card-ui>\n        <header>\n          <span slot=\"heading\">\n            <text-ui strong>Staging</text-ui>\n            <badge-ui text=\"Read/Write\" variant=\"accent\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Reveal\" variant=\"ghost\" icon=\"eye\"></button-ui>\n            <button-ui text=\"Rotate\"></button-ui>\n          </span>\n        </header>\n        <section>\n          <code-ui>\n            <header>\n              <span slot=\"label\">Key</span>\n              <div role=\"button\" tabindex=\"0\" slot=\"copy\">Copy</div>\n            </header>\n            <pre><code>sk_test_••••••••••••9a1c</code></pre>\n            <footer>Created Feb 28, 2026 · Last used 2h ago</footer>\n          </code-ui>\n        </section>\n      </card-ui>\n      <card-ui>\n        <header>\n          <span slot=\"heading\">\n            <text-ui strong>Analytics read-only</text-ui>\n            <badge-ui text=\"Read only\" variant=\"muted\"></badge-ui>\n          </span>\n          <span slot=\"action\">\n            <button-ui text=\"Reveal\" variant=\"ghost\" icon=\"eye\"></button-ui>\n            <button-ui text=\"Rotate\"></button-ui>\n          </span>\n        </header>\n        <section>\n          <code-ui>\n            <header>\n              <span slot=\"label\">Key</span>\n              <div role=\"button\" tabindex=\"0\" slot=\"copy\">Copy</div>\n            </header>\n            <pre><code>sk_ro_••••••••••••b240</code></pre>\n            <footer>Created Mar 12, 2026 · Last used yesterday</footer>\n          </code-ui>\n        </section>\n      </card-ui>\n      <alert-ui variant=\"info\" icon=\"info\" text=\"Keys grant full API access. Store them in your secrets manager — never commit to source control.\"></alert-ui>\n    </div>",
+  "source": "apps/saas/app/integrations/integrations.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "API keys list — a count-plus-Create-key header above card-ui rows, each showing a key name, read/write scope badge, masked secret in a copyable code-ui block, and Reveal/Rotate actions. The programmatic-access section of an integrations or developer settings page.",
+    "keywords": [
+      "api",
+      "keys",
+      "secret",
+      "tokens",
+      "card-ui",
+      "code-ui",
+      "reveal",
+      "rotate",
+      "copy",
+      "masked",
+      "production",
+      "staging",
+      "read-write",
+      "scope",
+      "badge",
+      "create-key",
+      "programmatic",
+      "access",
+      "developer",
+      "settings",
+      "credentials",
+      "data"
+    ]
+  },
+  "captured_at": "2026-06-10T13:16:11.236Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "3 active keys"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "text": "+ Create key",
+      "variant": "primary"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "justify": "space-between",
+      "children": [
+        "text",
+        "button"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Production"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "text": "Read/Write",
+      "variant": "accent"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-3",
+        "badge"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "eye",
+      "text": "Reveal",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "text": "Rotate"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text-2",
+        "text-4"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body",
+      "slot": "label",
+      "textContent": "Key"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "body",
+      "slot": "copy",
+      "textContent": "Copy"
+    },
+    {
+      "id": "header-2",
+      "component": "Header",
+      "children": [
+        "text-5",
+        "text-6"
+      ]
+    },
+    {
+      "id": "code-3",
+      "component": "Code",
+      "textContent": "sk_live_••••••••••••4f72"
+    },
+    {
+      "id": "code-2",
+      "component": "Code",
+      "children": [
+        "code-3"
+      ]
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Created Jan 14, 2026 · Last used 3m ago",
+      "variant": "body"
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "text-7"
+      ]
+    },
+    {
+      "id": "code",
+      "component": "Code",
+      "children": [
+        "header-2",
+        "code-2",
+        "footer"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "code"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Staging"
+    },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "text": "Read/Write",
+      "variant": "accent"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-9",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "button-4",
+      "component": "Button",
+      "icon": "eye",
+      "text": "Reveal",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-5",
+      "component": "Button",
+      "text": "Rotate"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button-4",
+        "button-5"
+      ]
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "text-8",
+        "text-10"
+      ]
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "variant": "body",
+      "slot": "label",
+      "textContent": "Key"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "body",
+      "slot": "copy",
+      "textContent": "Copy"
+    },
+    {
+      "id": "header-4",
+      "component": "Header",
+      "children": [
+        "text-11",
+        "text-12"
+      ]
+    },
+    {
+      "id": "code-6",
+      "component": "Code",
+      "textContent": "sk_test_••••••••••••9a1c"
+    },
+    {
+      "id": "code-5",
+      "component": "Code",
+      "children": [
+        "code-6"
+      ]
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "textContent": "Created Feb 28, 2026 · Last used 2h ago",
+      "variant": "body"
+    },
+    {
+      "id": "footer-2",
+      "component": "Footer",
+      "children": [
+        "text-13"
+      ]
+    },
+    {
+      "id": "code-4",
+      "component": "Code",
+      "children": [
+        "header-4",
+        "code-5",
+        "footer-2"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "code-4"
+      ]
+    },
+    {
+      "id": "card-2",
+      "component": "Card",
+      "children": [
+        "header-3",
+        "section-2"
+      ]
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Analytics read-only"
+    },
+    {
+      "id": "badge-3",
+      "component": "Badge",
+      "text": "Read only",
+      "variant": "muted"
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-15",
+        "badge-3"
+      ]
+    },
+    {
+      "id": "button-6",
+      "component": "Button",
+      "icon": "eye",
+      "text": "Reveal",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-7",
+      "component": "Button",
+      "text": "Rotate"
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button-6",
+        "button-7"
+      ]
+    },
+    {
+      "id": "header-5",
+      "component": "Header",
+      "children": [
+        "text-14",
+        "text-16"
+      ]
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "variant": "body",
+      "slot": "label",
+      "textContent": "Key"
+    },
+    {
+      "id": "text-18",
+      "component": "Text",
+      "variant": "body",
+      "slot": "copy",
+      "textContent": "Copy"
+    },
+    {
+      "id": "header-6",
+      "component": "Header",
+      "children": [
+        "text-17",
+        "text-18"
+      ]
+    },
+    {
+      "id": "code-9",
+      "component": "Code",
+      "textContent": "sk_ro_••••••••••••b240"
+    },
+    {
+      "id": "code-8",
+      "component": "Code",
+      "children": [
+        "code-9"
+      ]
+    },
+    {
+      "id": "text-19",
+      "component": "Text",
+      "textContent": "Created Mar 12, 2026 · Last used yesterday",
+      "variant": "body"
+    },
+    {
+      "id": "footer-3",
+      "component": "Footer",
+      "children": [
+        "text-19"
+      ]
+    },
+    {
+      "id": "code-7",
+      "component": "Code",
+      "children": [
+        "header-6",
+        "code-8",
+        "footer-3"
+      ]
+    },
+    {
+      "id": "section-3",
+      "component": "Section",
+      "children": [
+        "column-3"
+      ]
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "children": [
+        "code-7"
+      ]
+    },
+    {
+      "id": "card-3",
+      "component": "Card",
+      "children": [
+        "header-5",
+        "section-3"
+      ]
+    },
+    {
+      "id": "alert",
+      "component": "Alert",
+      "icon": "info",
+      "text": "Keys grant full API access. Store them in your secrets manager — never commit to source control.",
+      "variant": "info"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-col": "",
+      "children": [
+        "row",
+        "card",
+        "card-2",
+        "card-3",
+        "alert"
+      ]
+    }
+  ]
+}