@adia-ai/a2ui-corpus 0.6.40 → 0.6.42

package/chunks/toolbar-icons.json

@@ -10,19 +10,27 @@
   "source": "catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html",
   "metadata": {
     "domain": "navigation",
-    "description": "Icon-only toolbar with grouped action buttons, separators between groups, and tooltips on hover.",
+    "description": "Icon-only toolbar with grouped action buttons, separator-ui between groups, and tooltip-ui hints that appear on mouse-over hover to reveal each button's label.",
     "keywords": [
+      "tooltip",
+      "hover",
+      "hint",
+      "tooltip-ui",
+      "popover",
+      "label",
+      "mouse-over",
+      "trigger",
       "toolbar",
       "icon-buttons",
-      "actions",
-      "icon-only",
+      "separator-ui",
       "grouped",
       "editor",
       "tools",
-      "formatting"
+      "formatting",
+      "icon-only"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "button",

package/chunks/toolbar-tooltips.json

@@ -22,7 +22,7 @@
       "accessibility"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "button",

package/chunks/tooltip-hover-button.json

@@ -0,0 +1,74 @@
+{
+  "name": "tooltip-hover-button",
+  "kind": "block",
+  "primary": "row-ui",
+  "page": "/catalog/ui-patterns/app/tooltip-hover/tooltip-hover.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {
+    "gap": "2",
+    "align": "center"
+  },
+  "html": "<row-ui gap=\"2\" align=\"center\">\n  <button-ui icon=\"text-b\" variant=\"ghost\" tooltip=\"Bold\" aria-label=\"Bold\"></button-ui>\n  <button-ui icon=\"text-italic\" variant=\"ghost\" tooltip=\"Italic\" aria-label=\"Italic\"></button-ui>\n  <button-ui icon=\"link\" variant=\"ghost\" tooltip=\"Insert link\" aria-label=\"Insert link\"></button-ui>\n  <button-ui icon=\"image\" variant=\"ghost\" tooltip=\"Insert image\" aria-label=\"Insert image\"></button-ui>\n</row-ui>",
+  "source": "catalog/ui-patterns/app/tooltip-hover/tooltip-hover.contents.html",
+  "metadata": {
+    "domain": "layout",
+    "description": "Tooltip on hover — icon buttons with tooltip-ui showing contextual hints on mouse-over. Pattern for toolbar icons with hover tooltips.",
+    "keywords": [
+      "tooltip",
+      "hover",
+      "tooltip-ui",
+      "mouse-over",
+      "hover-hint",
+      "popover",
+      "label",
+      "hint",
+      "trigger",
+      "button-ui",
+      "icon"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "bold",
+      "component": "Button",
+      "aria-label": "Bold",
+      "icon": "text-b",
+      "variant": "ghost"
+    },
+    {
+      "id": "italic",
+      "component": "Button",
+      "aria-label": "Italic",
+      "icon": "text-italic",
+      "variant": "ghost"
+    },
+    {
+      "id": "insert-link",
+      "component": "Button",
+      "aria-label": "Insert link",
+      "icon": "link",
+      "variant": "ghost"
+    },
+    {
+      "id": "insert-image",
+      "component": "Button",
+      "aria-label": "Insert image",
+      "icon": "image",
+      "variant": "ghost"
+    },
+    {
+      "id": "root",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "bold",
+        "italic",
+        "insert-link",
+        "insert-image"
+      ]
+    }
+  ]
+}

package/chunks/trial-banner.json

@@ -0,0 +1,198 @@
+{
+  "name": "trial-banner",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/apps/saas/app/billing/billing.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <span slot=\"icon\"><avatar-ui icon=\"clock\"></avatar-ui></span>\n    <span slot=\"heading\">\n      <text-ui strong>7 days left in your trial</text-ui>\n      <badge-ui text=\"Trial\" variant=\"warning\"></badge-ui>\n    </span>\n    <span slot=\"action\" size=\"sm\">\n      <button-ui text=\"Upgrade now\" variant=\"primary\" size=\"sm\" icon=\"arrow-right\"></button-ui>\n    </span>\n    <span slot=\"description\">\n      <text-ui color=\"subtle\" size=\"sm\">Upgrade to keep access after your trial ends.</text-ui>\n    </span>\n  </header>\n  <section>\n    <col-ui gap=\"2\">\n      <text-ui size=\"sm\" strong>Included in Pro:</text-ui>\n      <col-ui gap=\"1\">\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">Unlimited AI conversations</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">100 GB storage</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">Priority support</text-ui></row-ui>\n        <row-ui gap=\"2\" align=\"center\"><icon-ui name=\"check-circle\" color=\"success\" size=\"sm\"></icon-ui><text-ui size=\"sm\">Advanced analytics</text-ui></row-ui>\n      </col-ui>\n    </col-ui>\n  </section>\n</card-ui>",
+  "source": "apps/saas/app/billing/billing.contents.html",
+  "metadata": {
+    "domain": "billing",
+    "description": "Trial countdown banner showing days remaining, features list, and upgrade CTA button.",
+    "keywords": [
+      "trial",
+      "countdown",
+      "banner",
+      "days",
+      "remaining",
+      "features",
+      "list",
+      "upgrade",
+      "CTA",
+      "button",
+      "trial-banner",
+      "free-trial",
+      "days",
+      "left",
+      "upgrade-prompt"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "body"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "7 days left in your trial"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "variant": "body",
+      "size": "sm"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Upgrade to keep access after your trial ends."
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "size": "sm",
+      "strong": true,
+      "textContent": "Included in Pro:"
+    },
+    {
+      "id": "check-circle",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "Unlimited AI conversations"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "check-circle",
+        "text-6"
+      ]
+    },
+    {
+      "id": "icon",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "100 GB storage"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon",
+        "text-7"
+      ]
+    },
+    {
+      "id": "icon-2",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "Priority support"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon-2",
+        "text-8"
+      ]
+    },
+    {
+      "id": "icon-3",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "Advanced analytics"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon-3",
+        "text-9"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "row",
+        "row-2",
+        "row-3",
+        "row-4"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-5",
+        "column-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/user-identity-row.json

@@ -27,7 +27,7 @@
       "member"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "avatar",

package/chunks/user-onboarding-checklist.json

@@ -0,0 +1,37 @@
+{
+  "name": "user-onboarding-checklist",
+  "kind": "block",
+  "primary": "div",
+  "page": "/catalog/ui-patterns/app/onboarding-checklist/onboarding-checklist.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<div>\n  <onboarding-checklist-ui\n    title=\"Get started\"\n    items='[\n      {\"id\":\"profile\",\"label\":\"Complete your profile\",\"description\":\"Add your name, avatar, and timezone\",\"href\":\"#profile\",\"done\":true},\n      {\"id\":\"team\",\"label\":\"Invite your team\",\"description\":\"Add at least one teammate\",\"href\":\"#team\",\"done\":true},\n      {\"id\":\"integration\",\"label\":\"Connect an integration\",\"description\":\"Slack, GitHub, or Linear\",\"href\":\"#integrations\"},\n      {\"id\":\"workflow\",\"label\":\"Set up your first workflow\",\"description\":\"Automate one repeating task\",\"href\":\"#workflows\"},\n      {\"id\":\"tour\",\"label\":\"Take the product tour\",\"description\":\"5 minutes to see the highlights\",\"href\":\"#tour\"}\n    ]'></onboarding-checklist-ui>\n</div>",
+  "source": "catalog/ui-patterns/app/onboarding-checklist/onboarding-checklist.contents.html",
+  "metadata": {
+    "domain": "forms",
+    "description": "User onboarding checklist — step-by-step setup checklist for new users. Tracks completion of profile, team invite, integration, workflow, and tour steps.",
+    "keywords": [
+      "onboarding",
+      "checklist",
+      "user",
+      "setup",
+      "steps",
+      "progress",
+      "todo",
+      "complete",
+      "onboarding-checklist-ui",
+      "activate",
+      "setup-checklist",
+      "wizard",
+      "task"
+    ]
+  },
+  "captured_at": "2026-05-27T03:59:46.910Z",
+  "template": [
+    {
+      "id": "root",
+      "component": "Column"
+    }
+  ]
+}

package/chunks/user-profile-card.json

@@ -6,11 +6,11 @@
   "slots": [],
   "nested": [],
   "attrs": {},
-  "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\">\n      <avatar-ui text=\"Jane Doe\" size=\"lg\"></avatar-ui>\n      <col-ui gap=\"0\">\n        <text-ui weight=\"semibold\" size=\"lg\">Jane Doe</text-ui>\n        <text-ui color=\"subtle\">Product Designer</text-ui>\n      </col-ui>\n    </row-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <field-ui label=\"Email\" inline>\n        <input-ui type=\"email\" value=\"jane@example.com\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Role\" inline>\n        <select-ui value=\"designer\">\n          <option value=\"designer\">Designer</option>\n          <option value=\"engineer\">Engineer</option>\n          <option value=\"manager\">Manager</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Bio\" inline>\n        <textarea-ui rows=\"2\">Building design systems at AdiaUI</textarea-ui>\n      </field-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" justify=\"end\">\n      <button-ui text=\"Cancel\" variant=\"ghost\" size=\"sm\"></button-ui>\n      <button-ui text=\"Save\" variant=\"primary\" size=\"sm\"></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "html": "<card-ui>\n  <header>\n    <row-ui gap=\"3\" align=\"center\">\n      <avatar-ui text=\"Jane Doe\" size=\"xl\"></avatar-ui>\n      <col-ui gap=\"0\">\n        <text-ui strong size=\"lg\">Jane Doe</text-ui>\n        <text-ui color=\"subtle\">Product Designer · Acme Inc.</text-ui>\n      </col-ui>\n    </row-ui>\n  </header>\n  <section>\n    <col-ui gap=\"3\">\n      <row-ui gap=\"2\" align=\"center\">\n        <icon-ui name=\"envelope\" color=\"subtle\"></icon-ui>\n        <text-ui color=\"subtle\">jane@example.com</text-ui>\n      </row-ui>\n      <row-ui gap=\"2\" align=\"center\">\n        <icon-ui name=\"briefcase\" color=\"subtle\"></icon-ui>\n        <badge-ui text=\"Designer\" variant=\"subtle\"></badge-ui>\n        <badge-ui text=\"Pro plan\" variant=\"accent\"></badge-ui>\n      </row-ui>\n      <row-ui gap=\"2\" align=\"center\">\n        <icon-ui name=\"calendar-blank\" color=\"subtle\"></icon-ui>\n        <text-ui color=\"subtle\">Joined January 2026</text-ui>\n      </row-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\">\n      <button-ui text=\"Message\" variant=\"outline\" icon=\"chat-circle\" stretch></button-ui>\n      <button-ui text=\"View profile\" variant=\"primary\" stretch></button-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
   "source": "catalog/ui-patterns/app/user-profile-card/user-profile-card.contents.html",
   "metadata": {
     "domain": "display",
-    "description": "User profile card with avatar, name, role, contact info, and action buttons (message, follow, more).",
+    "description": "User profile card with avatar, name, role, and action buttons (message, view profile).",
     "keywords": [
       "profile",
       "card",
@@ -18,32 +18,35 @@
       "avatar",
       "name",
       "role",
-      "bio",
+      "action",
+      "buttons",
+      "team-member",
+      "display",
+      "identity",
       "contact",
-      "actions",
-      "team-member"
+      "user-profile"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "avatar",
       "component": "Avatar",
-      "size": "lg",
+      "size": "xl",
       "text": "Jane Doe"
     },
     {
       "id": "text",
       "component": "Text",
       "size": "lg",
-      "weight": "semibold",
+      "strong": true,
       "textContent": "Jane Doe"
     },
     {
       "id": "text-2",
       "component": "Text",
       "color": "subtle",
-      "textContent": "Product Designer"
+      "textContent": "Product Designer · Acme Inc."
     },
     {
       "id": "column",
@@ -72,70 +75,73 @@
       ]
     },
     {
-      "id": "input",
-      "component": "Input",
-      "type": "email",
-      "value": "jane@example.com"
+      "id": "envelope",
+      "component": "Icon",
+      "name": "envelope"
     },
     {
-      "id": "field",
-      "component": "Field",
-      "inline": true,
-      "label": "Email",
+      "id": "text-3",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "jane@example.com"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
       "children": [
-        "input"
+        "envelope",
+        "text-3"
       ]
     },
     {
-      "id": "text-3",
-      "component": "Text",
-      "textContent": "Designer",
-      "variant": "body"
+      "id": "briefcase",
+      "component": "Icon",
+      "name": "briefcase"
     },
     {
-      "id": "text-4",
-      "component": "Text",
-      "textContent": "Engineer",
-      "variant": "body"
+      "id": "badge",
+      "component": "Badge",
+      "text": "Designer",
+      "variant": "subtle"
     },
     {
-      "id": "text-5",
-      "component": "Text",
-      "textContent": "Manager",
-      "variant": "body"
+      "id": "badge-2",
+      "component": "Badge",
+      "text": "Pro plan",
+      "variant": "accent"
     },
     {
-      "id": "choice-picker",
-      "component": "ChoicePicker",
-      "value": "designer",
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
       "children": [
-        "text-3",
-        "text-4",
-        "text-5"
+        "briefcase",
+        "badge",
+        "badge-2"
       ]
     },
     {
-      "id": "field-2",
-      "component": "Field",
-      "inline": true,
-      "label": "Role",
-      "children": [
-        "choice-picker"
-      ]
+      "id": "calendar-blank",
+      "component": "Icon",
+      "name": "calendar-blank"
     },
     {
-      "id": "text-area",
-      "component": "TextArea",
-      "rows": "2",
-      "value": "Building design systems at AdiaUI"
+      "id": "text-4",
+      "component": "Text",
+      "color": "subtle",
+      "textContent": "Joined January 2026"
     },
     {
-      "id": "field-3",
-      "component": "Field",
-      "inline": true,
-      "label": "Bio",
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
       "children": [
-        "text-area"
+        "calendar-blank",
+        "text-4"
       ]
     },
     {
@@ -143,9 +149,9 @@
       "component": "Column",
       "gap": "3",
       "children": [
-        "field",
-        "field-2",
-        "field-3"
+        "row-2",
+        "row-3",
+        "row-4"
       ]
     },
     {
@@ -158,22 +164,22 @@
     {
       "id": "button",
       "component": "Button",
-      "size": "sm",
-      "text": "Cancel",
-      "variant": "ghost"
+      "icon": "chat-circle",
+      "stretch": true,
+      "text": "Message",
+      "variant": "outline"
     },
     {
       "id": "button-2",
       "component": "Button",
-      "size": "sm",
-      "text": "Save",
+      "stretch": true,
+      "text": "View profile",
       "variant": "primary"
     },
     {
-      "id": "row-2",
+      "id": "row-5",
       "component": "Row",
       "gap": "2",
-      "justify": "end",
       "children": [
         "button",
         "button-2"
@@ -183,7 +189,7 @@
       "id": "footer",
       "component": "Footer",
       "children": [
-        "row-2"
+        "row-5"
       ]
     },
     {

package/chunks/video-player-controls.json

@@ -25,7 +25,7 @@
       "controls"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T03:59:46.910Z",
   "template": [
     {
       "id": "text",