@adia-ai/a2ui-corpus 0.6.41 → 0.6.43

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-27T23:29:53.307Z",
   "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-27T23:29:53.307Z",
   "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-27T23:29:53.307Z",
+  "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,213 @@
+{
+  "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    <avatar-ui slot=\"icon\" icon=\"clock\"></avatar-ui>\n    <h3>7 days left in your trial <badge-ui text=\"Trial\" variant=\"warning\" size=\"sm\"></badge-ui></h3>\n    <p slot=\"description\">Upgrade to keep access after your trial ends.</p>\n    <button-ui slot=\"action\" text=\"Upgrade now\" variant=\"primary\" size=\"sm\" icon-trailing=\"arrow-right\"></button-ui>\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-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "slot": "icon",
+      "icon": "clock"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "size": "sm",
+      "text": "Trial",
+      "variant": "warning"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "7 days left in your trial",
+      "children": [
+        "badge"
+      ]
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Upgrade to keep access after your trial ends."
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "action",
+      "icon-trailing": "arrow-right",
+      "size": "sm",
+      "text": "Upgrade now",
+      "variant": "primary"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "avatar",
+        "text",
+        "text-2",
+        "button"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "size": "sm",
+      "strong": true,
+      "textContent": "Included in Pro:"
+    },
+    {
+      "id": "check-circle",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "Unlimited AI conversations"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "check-circle",
+        "text-4"
+      ]
+    },
+    {
+      "id": "icon",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "100 GB storage"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon",
+        "text-5"
+      ]
+    },
+    {
+      "id": "icon-2",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "Priority support"
+    },
+    {
+      "id": "row-3",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon-2",
+        "text-6"
+      ]
+    },
+    {
+      "id": "icon-3",
+      "component": "Icon",
+      "name": "check-circle",
+      "size": "sm"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "size": "sm",
+      "textContent": "Advanced analytics"
+    },
+    {
+      "id": "row-4",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "children": [
+        "icon-3",
+        "text-7"
+      ]
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "gap": "1",
+      "children": [
+        "row",
+        "row-2",
+        "row-3",
+        "row-4"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "text-3",
+        "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-27T23:29:53.307Z",
   "template": [
     {
       "id": "avatar",

package/chunks/user-onboarding-checklist.json

@@ -0,0 +1,291 @@
+{
+  "name": "user-onboarding-checklist",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/onboarding-checklist/onboarding-checklist.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>Get started</h3>\n    <p slot=\"description\">2 of 5 complete</p>\n    <progress-ui slot=\"action\" value=\"40\" style=\"width:160px\"></progress-ui>\n  </header>\n  <section>\n    <list-ui divider>\n      <list-item-ui>\n        <check-ui slot=\"icon\" checked></check-ui>\n        <text-ui slot=\"text\" strong>Complete your profile</text-ui>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Add your name, avatar, and timezone</text-ui>\n        <button-ui slot=\"action\" text=\"Done\" variant=\"ghost\" size=\"sm\" disabled></button-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <check-ui slot=\"icon\" checked></check-ui>\n        <text-ui slot=\"text\" strong>Invite your team</text-ui>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Add at least one teammate</text-ui>\n        <button-ui slot=\"action\" text=\"Done\" variant=\"ghost\" size=\"sm\" disabled></button-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <check-ui slot=\"icon\"></check-ui>\n        <text-ui slot=\"text\" strong>Connect an integration</text-ui>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Slack, GitHub, or Linear</text-ui>\n        <button-ui slot=\"action\" text=\"Start\" variant=\"primary\" size=\"sm\" icon-trailing=\"arrow-right\"></button-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <check-ui slot=\"icon\"></check-ui>\n        <text-ui slot=\"text\" strong>Set up your first workflow</text-ui>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">Automate one repeating task</text-ui>\n        <button-ui slot=\"action\" text=\"Start\" variant=\"outline\" size=\"sm\"></button-ui>\n      </list-item-ui>\n      <list-item-ui>\n        <check-ui slot=\"icon\"></check-ui>\n        <text-ui slot=\"text\" strong>Take the product tour</text-ui>\n        <text-ui slot=\"description\" color=\"subtle\" size=\"sm\">5 minutes to see the highlights</text-ui>\n        <button-ui slot=\"action\" text=\"Start\" variant=\"outline\" size=\"sm\"></button-ui>\n      </list-item-ui>\n    </list-ui>\n  </section>\n</card-ui>",
+  "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",
+      "activate",
+      "setup-checklist",
+      "wizard",
+      "task",
+      "new-user",
+      "welcome"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Get started"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "2 of 5 complete"
+    },
+    {
+      "id": "progress",
+      "component": "Progress",
+      "slot": "action",
+      "value": 40
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2",
+        "progress"
+      ]
+    },
+    {
+      "id": "check-box",
+      "component": "CheckBox",
+      "slot": "icon",
+      "checked": true
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "slot": "text",
+      "strong": true,
+      "textContent": "Complete your profile"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Add your name, avatar, and timezone"
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "slot": "action",
+      "disabled": true,
+      "size": "sm",
+      "text": "Done",
+      "variant": "ghost"
+    },
+    {
+      "id": "list-item",
+      "component": "ListItem",
+      "children": [
+        "check-box",
+        "text-3",
+        "text-4",
+        "button"
+      ]
+    },
+    {
+      "id": "check-box-2",
+      "component": "CheckBox",
+      "slot": "icon",
+      "checked": true
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "slot": "text",
+      "strong": true,
+      "textContent": "Invite your team"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Add at least one teammate"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "slot": "action",
+      "disabled": true,
+      "size": "sm",
+      "text": "Done",
+      "variant": "ghost"
+    },
+    {
+      "id": "list-item-2",
+      "component": "ListItem",
+      "children": [
+        "check-box-2",
+        "text-5",
+        "text-6",
+        "button-2"
+      ]
+    },
+    {
+      "id": "check-box-3",
+      "component": "CheckBox",
+      "slot": "icon"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "slot": "text",
+      "strong": true,
+      "textContent": "Connect an integration"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Slack, GitHub, or Linear"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "slot": "action",
+      "icon-trailing": "arrow-right",
+      "size": "sm",
+      "text": "Start",
+      "variant": "primary"
+    },
+    {
+      "id": "list-item-3",
+      "component": "ListItem",
+      "children": [
+        "check-box-3",
+        "text-7",
+        "text-8",
+        "button-3"
+      ]
+    },
+    {
+      "id": "check-box-4",
+      "component": "CheckBox",
+      "slot": "icon"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "slot": "text",
+      "strong": true,
+      "textContent": "Set up your first workflow"
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Automate one repeating task"
+    },
+    {
+      "id": "button-4",
+      "component": "Button",
+      "slot": "action",
+      "size": "sm",
+      "text": "Start",
+      "variant": "outline"
+    },
+    {
+      "id": "list-item-4",
+      "component": "ListItem",
+      "children": [
+        "check-box-4",
+        "text-9",
+        "text-10",
+        "button-4"
+      ]
+    },
+    {
+      "id": "check-box-5",
+      "component": "CheckBox",
+      "slot": "icon"
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "slot": "text",
+      "strong": true,
+      "textContent": "Take the product tour"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "slot": "description",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "5 minutes to see the highlights"
+    },
+    {
+      "id": "button-5",
+      "component": "Button",
+      "slot": "action",
+      "size": "sm",
+      "text": "Start",
+      "variant": "outline"
+    },
+    {
+      "id": "list-item-5",
+      "component": "ListItem",
+      "children": [
+        "check-box-5",
+        "text-11",
+        "text-12",
+        "button-5"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "List",
+      "divider": true,
+      "children": [
+        "list-item",
+        "list-item-2",
+        "list-item-3",
+        "list-item-4",
+        "list-item-5"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "list"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}