@adia-ai/a2ui-corpus 0.7.16 → 0.7.18

package/chunks/admin-topbar-breadcrumb-minimal.json

@@ -0,0 +1,79 @@
+{
+  "name": "admin-topbar-breadcrumb-minimal",
+  "kind": "block",
+  "primary": "admin-topbar",
+  "page": "/site/patterns/admin-content-topbar.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<admin-topbar>\n        <button-ui data-sidebar-toggle=\"leading\" icon=\"sidebar\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <breadcrumb-ui>\n          <a href=\"#\">Settings</a>\n          <span>Profile</span>\n        </breadcrumb-ui>\n      </admin-topbar>",
+  "source": "site/pages/patterns/admin-content-topbar.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "Minimal app-chrome topbar — sidebar-toggle plus a breadcrumb only, no actions. Use when the page just needs to show where the user is.",
+    "keywords": [
+      "admin",
+      "topbar",
+      "breadcrumb",
+      "minimal",
+      "sidebar",
+      "toggle",
+      "location",
+      "navigation",
+      "admin-topbar",
+      "breadcrumb-ui",
+      "simple",
+      "header",
+      "band",
+      "you-are-here"
+    ]
+  },
+  "captured_at": "2026-06-09T18:16:34.245Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "sidebar",
+      "size": "sm",
+      "variant": "ghost",
+      "data-sidebar-toggle": "leading"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Settings",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "#",
+      "text": "Settings",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Profile"
+    },
+    {
+      "id": "breadcrumb",
+      "component": "Breadcrumb",
+      "children": [
+        "link",
+        "text-2"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "AdminTopbar",
+      "children": [
+        "button",
+        "breadcrumb"
+      ]
+    }
+  ]
+}

package/chunks/admin-topbar-deep-breadcrumb.json

@@ -0,0 +1,129 @@
+{
+  "name": "admin-topbar-deep-breadcrumb",
+  "kind": "block",
+  "primary": "admin-topbar",
+  "page": "/site/patterns/admin-content-topbar.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<admin-topbar>\n        <button-ui data-sidebar-toggle=\"leading\" icon=\"sidebar\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <breadcrumb-ui>\n          <a href=\"#\">Workspaces</a>\n          <a href=\"#\">Acme Co.</a>\n          <a href=\"#\">Projects</a>\n          <a href=\"#\">Q4 Launch</a>\n          <span>Activity</span>\n        </breadcrumb-ui>\n      </admin-topbar>",
+  "source": "site/pages/patterns/admin-content-topbar.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "App-chrome topbar with a deep multi-level breadcrumb trail (five levels) for deeply-nested hierarchies — Workspaces / Acme Co. / Projects / Q4 Launch / Activity.",
+    "keywords": [
+      "admin",
+      "topbar",
+      "breadcrumb",
+      "deep",
+      "multi-level",
+      "hierarchy",
+      "nested",
+      "trail",
+      "path",
+      "sidebar",
+      "navigation",
+      "admin-topbar",
+      "breadcrumb-ui",
+      "workspaces",
+      "projects",
+      "ancestors"
+    ]
+  },
+  "captured_at": "2026-06-09T18:16:34.245Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "sidebar",
+      "size": "sm",
+      "variant": "ghost",
+      "data-sidebar-toggle": "leading"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Workspaces",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "#",
+      "text": "Workspaces",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "textContent": "Acme Co.",
+      "variant": "body"
+    },
+    {
+      "id": "link-2",
+      "component": "Link",
+      "href": "#",
+      "text": "Acme Co.",
+      "children": [
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Projects",
+      "variant": "body"
+    },
+    {
+      "id": "link-3",
+      "component": "Link",
+      "href": "#",
+      "text": "Projects",
+      "children": [
+        "text-3"
+      ]
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Q4 Launch",
+      "variant": "body"
+    },
+    {
+      "id": "link-4",
+      "component": "Link",
+      "href": "#",
+      "text": "Q4 Launch",
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Activity"
+    },
+    {
+      "id": "breadcrumb",
+      "component": "Breadcrumb",
+      "children": [
+        "link",
+        "link-2",
+        "link-3",
+        "link-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "AdminTopbar",
+      "children": [
+        "button",
+        "breadcrumb"
+      ]
+    }
+  ]
+}

package/chunks/admin-topbar-search.json

@@ -0,0 +1,104 @@
+{
+  "name": "admin-topbar-search",
+  "kind": "block",
+  "primary": "admin-topbar",
+  "page": "/site/patterns/admin-content-topbar.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<admin-topbar>\n        <button-ui data-sidebar-toggle=\"leading\" icon=\"sidebar\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <breadcrumb-ui>\n          <span>Inbox</span>\n        </breadcrumb-ui>\n        <span data-spacer></span>\n        <search-ui placeholder=\"Search messages...\" size=\"sm\" style=\"max-width:280px\"></search-ui>\n        <div data-actions>\n          <button-ui icon=\"funnel\" variant=\"ghost\" size=\"sm\" title=\"Filter\"></button-ui>\n          <button-ui text=\"Compose\" icon=\"plus\" variant=\"primary\" size=\"sm\"></button-ui>\n        </div>\n      </admin-topbar>",
+  "source": "site/pages/patterns/admin-content-topbar.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "App-chrome topbar with a global search field — sidebar-toggle, breadcrumb, spacer, search-ui, then a filter + compose action cluster. Gives a search anchor visible across the app.",
+    "keywords": [
+      "admin",
+      "topbar",
+      "search",
+      "global",
+      "search-ui",
+      "filter",
+      "compose",
+      "breadcrumb",
+      "sidebar",
+      "toggle",
+      "navigation",
+      "admin-topbar",
+      "header",
+      "band",
+      "find",
+      "query",
+      "inbox"
+    ]
+  },
+  "captured_at": "2026-06-09T18:16:34.245Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "sidebar",
+      "size": "sm",
+      "variant": "ghost",
+      "data-sidebar-toggle": "leading"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Inbox"
+    },
+    {
+      "id": "breadcrumb",
+      "component": "Breadcrumb",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "data-spacer": ""
+    },
+    {
+      "id": "search-ui",
+      "component": "search-ui",
+      "placeholder": "Search messages..."
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "funnel",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "icon": "plus",
+      "size": "sm",
+      "text": "Compose",
+      "variant": "primary"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-actions": "",
+      "children": [
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "AdminTopbar",
+      "children": [
+        "button",
+        "breadcrumb",
+        "text-2",
+        "search-ui",
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/admin-topbar-status-indicator.json

@@ -0,0 +1,131 @@
+{
+  "name": "admin-topbar-status-indicator",
+  "kind": "block",
+  "primary": "admin-topbar",
+  "page": "/site/patterns/admin-content-topbar.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<admin-topbar>\n        <button-ui data-sidebar-toggle=\"leading\" icon=\"sidebar\" variant=\"ghost\" size=\"sm\"></button-ui>\n        <breadcrumb-ui>\n          <a href=\"#\">Pipeline</a>\n          <span>Run #4421</span>\n        </breadcrumb-ui>\n        <span data-spacer></span>\n        <tag-ui size=\"sm\" variant=\"success\">Healthy</tag-ui>\n        <div data-actions>\n          <button-ui icon=\"arrow-clockwise\" variant=\"ghost\" size=\"sm\" title=\"Refresh\"></button-ui>\n          <button-ui text=\"Logs\" icon=\"terminal\" variant=\"outline\" size=\"sm\"></button-ui>\n        </div>\n      </admin-topbar>",
+  "source": "site/pages/patterns/admin-content-topbar.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "App-chrome topbar with an inline status indicator — a success tag-ui (Healthy) beside the action cluster gives an always-visible health/sync signal. For pipeline / connection state.",
+    "keywords": [
+      "admin",
+      "topbar",
+      "status",
+      "indicator",
+      "health",
+      "sync",
+      "connection",
+      "tag-ui",
+      "success",
+      "badge",
+      "breadcrumb",
+      "sidebar",
+      "navigation",
+      "admin-topbar",
+      "pipeline",
+      "healthy",
+      "refresh",
+      "logs"
+    ]
+  },
+  "captured_at": "2026-06-09T18:16:34.245Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "sidebar",
+      "size": "sm",
+      "variant": "ghost",
+      "data-sidebar-toggle": "leading"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Pipeline",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "#",
+      "text": "Pipeline",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Run #4421"
+    },
+    {
+      "id": "breadcrumb",
+      "component": "Breadcrumb",
+      "children": [
+        "link",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "data-spacer": ""
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Healthy",
+      "variant": "body"
+    },
+    {
+      "id": "tag",
+      "component": "Tag",
+      "size": "sm",
+      "variant": "success",
+      "children": [
+        "text-4"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "arrow-clockwise",
+      "size": "sm",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "icon": "terminal",
+      "size": "sm",
+      "text": "Logs",
+      "variant": "outline"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-actions": "",
+      "children": [
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "AdminTopbar",
+      "children": [
+        "button",
+        "breadcrumb",
+        "text-3",
+        "tag",
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/admin-topbar-trailing-toggle.json

@@ -0,0 +1,114 @@
+{
+  "name": "admin-topbar-trailing-toggle",
+  "kind": "block",
+  "primary": "admin-topbar",
+  "page": "/site/patterns/admin-content-topbar.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<admin-topbar>\n        <button-ui data-sidebar-toggle=\"leading\" icon=\"sidebar\" variant=\"ghost\" size=\"sm\" title=\"Toggle nav\"></button-ui>\n        <breadcrumb-ui>\n          <a href=\"#\">Records</a>\n          <span>Acme Co.</span>\n        </breadcrumb-ui>\n        <span data-spacer></span>\n        <div data-actions>\n          <button-ui text=\"Edit\" icon=\"pencil\" variant=\"outline\" size=\"sm\"></button-ui>\n          <button-ui data-sidebar-toggle=\"trailing\" icon=\"sidebar\" variant=\"ghost\" size=\"sm\" title=\"Toggle inspector\"></button-ui>\n        </div>\n      </admin-topbar>",
+  "source": "site/pages/patterns/admin-content-topbar.html",
+  "metadata": {
+    "domain": "navigation",
+    "description": "App-chrome topbar with both leading-nav and trailing-inspector toggles — data-sidebar-toggle=trailing wires a button to a second admin-sidebar (inspector / context rail) collapsed state.",
+    "keywords": [
+      "admin",
+      "topbar",
+      "trailing",
+      "toggle",
+      "inspector",
+      "context",
+      "rail",
+      "sidebar",
+      "leading",
+      "edit",
+      "breadcrumb",
+      "navigation",
+      "admin-topbar",
+      "data-sidebar-toggle",
+      "records",
+      "detail"
+    ]
+  },
+  "captured_at": "2026-06-09T18:16:34.245Z",
+  "template": [
+    {
+      "id": "button",
+      "component": "Button",
+      "icon": "sidebar",
+      "size": "sm",
+      "variant": "ghost",
+      "data-sidebar-toggle": "leading"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "textContent": "Records",
+      "variant": "body"
+    },
+    {
+      "id": "link",
+      "component": "Link",
+      "href": "#",
+      "text": "Records",
+      "children": [
+        "text"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Acme Co."
+    },
+    {
+      "id": "breadcrumb",
+      "component": "Breadcrumb",
+      "children": [
+        "link",
+        "text-2"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "data-spacer": ""
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "icon": "pencil",
+      "size": "sm",
+      "text": "Edit",
+      "variant": "outline"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "icon": "sidebar",
+      "size": "sm",
+      "variant": "ghost",
+      "data-sidebar-toggle": "trailing"
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "data-actions": "",
+      "children": [
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "AdminTopbar",
+      "children": [
+        "button",
+        "breadcrumb",
+        "text-3",
+        "column"
+      ]
+    }
+  ]
+}

package/chunks/form-checkbox-group.json

@@ -0,0 +1,65 @@
+{
+  "name": "form-checkbox-group",
+  "kind": "block",
+  "primary": "col-ui",
+  "page": "/site/patterns/forms.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "gap": "2"
+  },
+  "html": "<col-ui gap=\"2\">\n        <check-ui label=\"Send weekly digest\"></check-ui>\n        <check-ui label=\"Send product updates\" checked></check-ui>\n        <check-ui label=\"Send security alerts\" checked></check-ui>\n      </col-ui>",
+  "source": "site/pages/patterns/forms.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "A vertical group of self-labeling checkboxes — check-ui rows stacked in a col-ui, each carrying its own label attribute (no field-ui wrapper). For multi-select preferences like notification opt-ins.",
+    "keywords": [
+      "form",
+      "checkbox",
+      "group",
+      "self-labeling",
+      "check-ui",
+      "col-ui",
+      "multi-select",
+      "preferences",
+      "opt-in",
+      "notifications",
+      "digest",
+      "stacked",
+      "vertical",
+      "forms",
+      "label",
+      "checked"
+    ]
+  },
+  "captured_at": "2026-06-09T18:16:34.245Z",
+  "template": [
+    {
+      "id": "check-box",
+      "component": "CheckBox",
+      "label": "Send weekly digest"
+    },
+    {
+      "id": "check-box-2",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Send product updates"
+    },
+    {
+      "id": "check-box-3",
+      "component": "CheckBox",
+      "checked": true,
+      "label": "Send security alerts"
+    },
+    {
+      "id": "root",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "check-box",
+        "check-box-2",
+        "check-box-3"
+      ]
+    }
+  ]
+}

package/chunks/form-field-email-hint.json

@@ -0,0 +1,53 @@
+{
+  "name": "form-field-email-hint",
+  "kind": "block",
+  "primary": "field-ui",
+  "page": "/site/patterns/forms.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "label": "Email address",
+    "hint": "We'll never share your email."
+  },
+  "html": "<field-ui label=\"Email address\" hint=\"We'll never share your email.\">\n        <input-ui type=\"email\" placeholder=\"you@example.com\"></input-ui>\n      </field-ui>",
+  "source": "site/pages/patterns/forms.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "A labeled email field with helper hint text — field-ui wrapping an input-ui type=email. The canonical field-wrapper shape that owns the label, hint, and ARIA binding.",
+    "keywords": [
+      "form",
+      "field",
+      "email",
+      "hint",
+      "helper",
+      "label",
+      "field-ui",
+      "input-ui",
+      "type-email",
+      "wrapper",
+      "labeled",
+      "forms",
+      "validation",
+      "aria",
+      "placeholder"
+    ]
+  },
+  "captured_at": "2026-06-09T18:16:34.245Z",
+  "template": [
+    {
+      "id": "input",
+      "component": "Input",
+      "type": "email",
+      "placeholder": "you@example.com"
+    },
+    {
+      "id": "root",
+      "component": "Field",
+      "hint": "We'll never share your email.",
+      "label": "Email address",
+      "children": [
+        "input"
+      ]
+    }
+  ]
+}