@adia-ai/a2ui-corpus 0.7.18 → 0.7.20

package/chunks/library-browser-search-filter.json

@@ -0,0 +1,109 @@
+{
+  "name": "library-browser-search-filter",
+  "kind": "block",
+  "primary": "div",
+  "page": "/apps/genui/app/a2ui-editor/a2ui-editor.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "data-import-panel": "patterns"
+  },
+  "html": "<div\n            data-import-panel=\"patterns\">\n            <div data-pattern-filter>\n              <input-ui id=\"pattern-search\" placeholder=\"Search chunks…\" prefix=\"magnifying-glass\"></input-ui>\n              <select-ui id=\"pattern-domain\" placeholder=\"All domains\"></select-ui>\n            </div>\n            <div id=\"pattern-list\" data-pattern-list role=\"listbox\"></div>\n            <div data-import-footer>\n              <span data-pattern-status style=\"font-size: var(--a-ui-sm); color: var(--a-fg-muted); flex: 1\">Loading…</span>\n              <button-ui data-import-cancel text=\"Cancel\" variant=\"ghost\"></button-ui>\n            </div>\n          </div>",
+  "source": "apps/genui/app/a2ui-editor/a2ui-editor.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Library browser with search and filter — a panel pairing a search input with a domain / category dropdown above a scrollable listbox of results and a status line + Cancel in the footer. The filterable 'browse the catalog / template gallery / asset library' picker body.",
+    "keywords": [
+      "library",
+      "browser",
+      "search",
+      "filter",
+      "catalog",
+      "gallery",
+      "templates",
+      "assets",
+      "picker",
+      "domain",
+      "category",
+      "dropdown",
+      "listbox",
+      "results",
+      "status",
+      "footer",
+      "browse",
+      "find",
+      "filter",
+      "search",
+      "input",
+      "filterable",
+      "list",
+      "pattern",
+      "library",
+      "asset",
+      "browser",
+      "chunk",
+      "browser"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "pattern-search",
+      "component": "Input",
+      "placeholder": "Search chunks…",
+      "prefix": "magnifying-glass"
+    },
+    {
+      "id": "pattern-domain",
+      "component": "ChoicePicker",
+      "placeholder": "All domains"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-pattern-filter": "",
+      "children": [
+        "pattern-search",
+        "pattern-domain"
+      ]
+    },
+    {
+      "id": "pattern-list",
+      "component": "Column",
+      "data-pattern-list": ""
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Loading…",
+      "data-pattern-status": ""
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost",
+      "data-import-cancel": ""
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "data-import-footer": "",
+      "children": [
+        "text",
+        "button"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "data-import-panel": "patterns",
+      "children": [
+        "column",
+        "pattern-list",
+        "column-2"
+      ]
+    }
+  ]
+}

package/chunks/login-form-card.json

@@ -0,0 +1,207 @@
+{
+  "name": "login-form-card",
+  "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>Sign in</h3>\n      <p slot=\"description\">Welcome back. Enter your details to continue.</p>\n    </header>\n    <section>\n      <col-ui gap=\"4\">\n        <field-ui label=\"Email\">\n          <input-ui type=\"email\" name=\"email\" autocomplete=\"email\" placeholder=\"you@example.com\" required></input-ui>\n        </field-ui>\n        <field-ui label=\"Password\">\n          <input-ui type=\"password\" name=\"password\" autocomplete=\"current-password\" placeholder=\"••••••••\" required></input-ui>\n        </field-ui>\n        <row-ui gap=\"2\" align=\"center\">\n          <check-ui name=\"remember\" label=\"Remember me\"></check-ui>\n          <a href=\"#\" style=\"margin-inline-start: auto\">Forgot password?</a>\n        </row-ui>\n      </col-ui>\n    </section>\n    <footer>\n      <col-ui gap=\"3\">\n        <button-ui text=\"Sign in\" variant=\"primary\" type=\"submit\" stretch></button-ui>\n        <text-ui text-align=\"center\" color=\"subtle\" size=\"sm\">New here? <a href=\"#\">Create an account</a></text-ui>\n      </col-ui>\n    </footer>\n  </card-ui>",
+  "source": "catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "Canonical full login / sign-in form card — heading, email and password fields each as a field-ui label wrapping an input-ui, a remember-me checkbox alongside a forgot-password link, and a footer with a full-width Sign in button plus a create-account link. The complete form composition (header + fields + actions footer). Use for 'login form', 'sign in form', 'log in', 'authentication form'.",
+    "keywords": [
+      "login",
+      "form",
+      "sign",
+      "in",
+      "log",
+      "in",
+      "signin",
+      "authentication",
+      "email",
+      "password",
+      "remember",
+      "me",
+      "forgot",
+      "password",
+      "field",
+      "input",
+      "label",
+      "complete",
+      "card",
+      "heading",
+      "footer",
+      "submit",
+      "button",
+      "credentials",
+      "full-form"
+    ]
+  },
+  "captured_at": "2026-06-10T14:28:57.979Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Sign in"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Welcome back. Enter your details to continue."
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "email",
+      "component": "Input",
+      "type": "email",
+      "required": true,
+      "autocomplete": "email",
+      "name": "email",
+      "placeholder": "you@example.com"
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Email",
+      "children": [
+        "email"
+      ]
+    },
+    {
+      "id": "password",
+      "component": "Input",
+      "type": "password",
+      "required": true,
+      "autocomplete": "current-password",
+      "name": "password",
+      "placeholder": "••••••••"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Password",
+      "children": [
+        "password"
+      ]
+    },
+    {
+      "id": "remember",
+      "component": "CheckBox",
+      "label": "Remember me",
+      "name": "remember"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Forgot password?",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "#",
+      "text": "Forgot password?",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "remember",
+        "link"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "field",
+        "field-2",
+        "row"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "type": "submit",
+      "stretch": true,
+      "text": "Sign in",
+      "variant": "primary"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Create an account",
+      "variant": "body"
+    },
+    {
+      "id": "link-2",
+      "component": "Link",
+      "href": "#",
+      "text": "Create an account",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "text-align": "center",
+      "textContent": "New here?",
+      "children": [
+        "link-2"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "button",
+        "text-4"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "column-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}

package/chunks/map-with-location-list.json

@@ -0,0 +1,291 @@
+{
+  "name": "map-with-location-list",
+  "kind": "block",
+  "primary": "grid-ui",
+  "page": "/apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "columns": "1 5@md",
+    "gap": "4"
+  },
+  "html": "<grid-ui\n        columns=\"1 5@md\"\n        gap=\"4\">\n        <image-ui span=\"3\" src=\"https://picsum.photos/seed/map-q4/640/480\" alt=\"Map of field-visit locations\" radius=\"md\" style=\"aspect-ratio: 4/3\"></image-ui>\n        <card-ui span=\"2\">\n          <header>\n            <h3>Field visits · Q4</h3>\n          </header>\n          <section>\n            <list-ui divider>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>San Francisco</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Acme Corp · Globex · 3 more</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>New York</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Stark Industries · 2 more</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>London</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Umbrella Corp</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n              <list-item-ui>\n                <row-ui gap=\"2\" align=\"center\">\n                  <icon-ui name=\"map-pin\" color=\"accent\"></icon-ui>\n                  <col-ui gap=\"0\">\n                    <text-ui strong>Berlin</text-ui>\n                    <text-ui color=\"subtle\" size=\"sm\">Wayne Enterprises</text-ui>\n                  </col-ui>\n                </row-ui>\n              </list-item-ui>\n            </list-ui>\n          </section>\n        </card-ui>\n      </grid-ui>",
+  "source": "apps/genui/app/gen-ui-feed/gen-ui-feed.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Map with location list — a wide map image paired with a side card listing the plotted places, each row a map-pin icon, a place name, and the entities at that location. The standard 'map + legend list' layout for geographic results.",
+    "keywords": [
+      "map",
+      "location",
+      "list",
+      "places",
+      "geographic",
+      "pins",
+      "markers",
+      "field",
+      "visits",
+      "cities",
+      "region",
+      "side",
+      "panel",
+      "legend",
+      "map",
+      "pin",
+      "icon",
+      "address",
+      "site",
+      "list",
+      "locations",
+      "plotted",
+      "map",
+      "plus",
+      "list",
+      "geo",
+      "map",
+      "view",
+      "directory"
+    ]
+  },
+  "captured_at": "2026-06-10T16:56:21.616Z",
+  "template": [
+    {
+      "id": "image",
+      "component": "Image",
+      "alt": "Map of field-visit locations",
+      "radius": "md",
+      "src": "https://picsum.photos/seed/map-q4/640/480"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Field visits · Q4"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "map-pin",
+      "component": "Icon",
+      "name": "map-pin"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "strong": true,
+      "textContent": "San Francisco"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Acme Corp · Globex · 3 more"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-2",
+        "text-3"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "map-pin",
+        "column"
+      ]
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "icon",
+      "component": "Icon",
+      "name": "map-pin"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "strong": true,
+      "textContent": "New York"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Stark Industries · 2 more"
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon",
+        "column-2"
+      ]
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "children": [
+        "row-2"
+      ]
+    },
+    {
+      "id": "icon-2",
+      "component": "Icon",
+      "name": "map-pin"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "strong": true,
+      "textContent": "London"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Umbrella Corp"
+    },
+    {
+      "id": "column-3",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-6",
+        "text-7"
+      ]
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon-2",
+        "column-3"
+      ]
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "children": [
+        "row-3"
+      ]
+    },
+    {
+      "id": "icon-3",
+      "component": "Icon",
+      "name": "map-pin"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Berlin"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Wayne Enterprises"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "text-8",
+        "text-9"
+      ]
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon-3",
+        "column-4"
+      ]
+    },
+    {
+      "id": "list-item-4",
+      "component": "ListItem",
+      "children": [
+        "row-4"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "divider": true,
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3",
+        "list-item-4"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-5"
+      ]
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "list"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Grid",
+      "columns": "1 5@md",
+      "gap": "4",
+      "children": [
+        "image",
+        "card"
+      ]
+    }
+  ]
+}