@adia-ai/a2ui-corpus 0.7.19 → 0.7.21

package/chunks/key-value-detail-list.json

@@ -0,0 +1,172 @@
+{
+  "name": "key-value-detail-list",
+  "kind": "block",
+  "primary": "section",
+  "page": "/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<section>\n    <card-ui>\n      <header>\n        <text-ui strong>Details</text-ui>\n      </header>\n      <section>\n        <description-list-ui align=\"between\">\n          <dt>Status</dt><dd><badge-ui text=\"Published\" variant=\"success\" size=\"sm\"></badge-ui></dd>\n          <dt>Owner</dt><dd>Diana Singh</dd>\n          <dt>Created</dt><dd>Mar 12, 2026</dd>\n          <dt>Last updated</dt><dd>2 hours ago</dd>\n          <dt>ID</dt><dd><text-ui color=\"subtle\">doc_8f4a2c91</text-ui></dd>\n        </description-list-ui>\n      </section>\n    </card-ui>\n  </section>",
+  "source": "catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html",
+  "metadata": {
+    "domain": "display",
+    "description": "Key-value detail list — a card wrapping a description list of label / value pairs (status, owner, created, last updated, ID) with the value right-aligned against the label. The 'details / metadata / properties' panel for an entity-detail or inspector view.",
+    "keywords": [
+      "key",
+      "value",
+      "detail",
+      "list",
+      "description",
+      "list",
+      "metadata",
+      "properties",
+      "facts",
+      "fields",
+      "attributes",
+      "status",
+      "owner",
+      "created",
+      "updated",
+      "id",
+      "label",
+      "value",
+      "pairs",
+      "entity",
+      "detail",
+      "inspector",
+      "summary",
+      "panel",
+      "dl",
+      "dt",
+      "dd",
+      "specs",
+      "information",
+      "record",
+      "fields",
+      "about"
+    ]
+  },
+  "captured_at": "2026-06-10T19:45:40.486Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Details"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Status",
+      "variant": "body"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Published",
+      "variant": "success"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Owner",
+      "variant": "body"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Diana Singh",
+      "variant": "body"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Created",
+      "variant": "body"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "textContent": "Mar 12, 2026",
+      "variant": "body"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Last updated",
+      "variant": "body"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "textContent": "2 hours ago",
+      "variant": "body"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "textContent": "ID",
+      "variant": "body"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "doc_8f4a2c91"
+    },
+    {
+      "id": "description-list",
+      "component": "DescriptionList",
+      "align": "between",
+      "children": [
+        "text-2",
+        "badge",
+        "text-3",
+        "text-4",
+        "text-5",
+        "text-6",
+        "text-7",
+        "text-8",
+        "text-9",
+        "text-10"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column-11"
+      ]
+    },
+    {
+      "id": "column-11",
+      "component": "Column",
+      "children": [
+        "description-list"
+      ]
+    },
+    {
+      "id": "card",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Section",
+      "children": [
+        "card"
+      ]
+    }
+  ]
+}

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"
+      ]
+    }
+  ]
+}