@adia-ai/a2ui-corpus 0.6.41 → 0.6.43

package/chunks/onb-step-shell.json

@@ -65,7 +65,7 @@
       "layout": "page"
     }
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "image",
@@ -182,23 +182,113 @@
         "header-2"
       ]
     },
+    {
+      "id": "check-circle",
+      "component": "Icon",
+      "name": "check-circle",
+      "weight": "fill"
+    },
+    {
+      "id": "text-8",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Pick how you'll use it"
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Tailors the home screen + which integrations we suggest first."
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "text-8",
+        "text-9"
+      ]
+    },
     {
       "id": "text-7",
       "component": "Text",
       "variant": "body",
-      "textContent": "Pick how you'll use it Tailors the home screen + which integrations we suggest first."
+      "children": [
+        "check-circle",
+        "column-4"
+      ]
     },
     {
-      "id": "text-8",
+      "id": "icon",
+      "component": "Icon",
+      "name": "check-circle",
+      "weight": "fill"
+    },
+    {
+      "id": "text-11",
       "component": "Text",
       "variant": "body",
-      "textContent": "Connect your first data source One integration unlocks dashboards, alerts, and search across your stack."
+      "textContent": "Connect your first data source"
     },
     {
-      "id": "text-9",
+      "id": "text-12",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "One integration unlocks dashboards, alerts, and search across your stack."
+    },
+    {
+      "id": "column-5",
+      "component": "Column",
+      "children": [
+        "text-11",
+        "text-12"
+      ]
+    },
+    {
+      "id": "text-10",
+      "component": "Text",
+      "variant": "body",
+      "children": [
+        "icon",
+        "column-5"
+      ]
+    },
+    {
+      "id": "icon-2",
+      "component": "Icon",
+      "name": "check-circle",
+      "weight": "fill"
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "See your first dashboard"
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
+      "textContent": "Generated from real data, ready to share or edit."
+    },
+    {
+      "id": "column-6",
+      "component": "Column",
+      "children": [
+        "text-14",
+        "text-15"
+      ]
+    },
+    {
+      "id": "text-13",
       "component": "Text",
       "variant": "body",
-      "textContent": "See your first dashboard Generated from real data, ready to share or edit."
+      "children": [
+        "icon-2",
+        "column-6"
+      ]
     },
     {
       "id": "list",
@@ -206,8 +296,8 @@
       "data-onb-outcomes": "",
       "children": [
         "text-7",
-        "text-8",
-        "text-9"
+        "text-10",
+        "text-13"
       ]
     },
     {
@@ -229,7 +319,7 @@
       ]
     },
     {
-      "id": "column-4",
+      "id": "column-7",
       "component": "Column"
     },
     {
@@ -240,7 +330,7 @@
       "variant": "primary"
     },
     {
-      "id": "column-5",
+      "id": "column-8",
       "component": "Column",
       "data-onb-actions": "",
       "children": [
@@ -252,8 +342,8 @@
       "component": "Footer",
       "data-chunk-slot": "page-footer",
       "children": [
-        "column-4",
-        "column-5"
+        "column-7",
+        "column-8"
       ]
     },
     {

package/chunks/onb-story-pane.json

@@ -104,7 +104,7 @@
       "html": "<aside data-onb-story data-chunk-slot=\"page-story\">\n        <a data-onb-brand href=\"/\" aria-label=\"AdiaUI home\">\n          <image-ui src=\"/icons/agent-ui-light.svg\" alt=\"\" aria-hidden=\"true\"></image-ui>\n          <strong>AdiaUI</strong>\n        </a>\n        <div data-onb-story-content>\n          <h2>Welcome aboard, Kim.</h2>\n          <p>\n            You're three minutes away from your first usable workspace. We'll walk through the essentials — pick how you'll use it, connect a data source, see\n            your first dashboard come to life. Skip anything you'd rather come back to later.\n          </p>\n          <text-ui color=\"subtle\" size=\"sm\">Step 1 of 10 · Onboarding</text-ui>\n        </div>\n      </aside>"
     }
   ],
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "metadata": {
     "domain": "onboarding",
     "description": "Onboarding left story pane — decorative panel with brand illustration or benefit bullets.",

package/chunks/onb-tutorial-steps.json

@@ -23,7 +23,7 @@
       "guide"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",

package/chunks/order-tracking-timeline.json

@@ -0,0 +1,131 @@
+{
+  "name": "order-tracking-timeline",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/order-tracking-timeline/order-tracking-timeline.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <h3>Order #1042 · Tracking</h3>\n    <p slot=\"description\">Estimated delivery: May 28, 2026</p>\n  </header>\n  <section>\n    <timeline-ui>\n      <timeline-item-ui\n        text=\"Order placed\"\n        description=\"May 23, 2026 at 9:14 AM\"\n        status=\"done\"\n        variant=\"success\">\n      </timeline-item-ui>\n      <timeline-item-ui\n        text=\"Payment confirmed\"\n        description=\"May 23, 2026 at 9:15 AM\"\n        status=\"done\"\n        variant=\"success\">\n      </timeline-item-ui>\n      <timeline-item-ui\n        text=\"Processing\"\n        description=\"May 24, 2026 at 2:30 PM\"\n        status=\"done\"\n        variant=\"success\">\n      </timeline-item-ui>\n      <timeline-item-ui\n        text=\"Shipped\"\n        description=\"May 25, 2026 at 11:00 AM · FedEx #789123456\"\n        status=\"pending\"\n        spinner\n        variant=\"default\">\n      </timeline-item-ui>\n      <timeline-item-ui\n        text=\"Delivered\"\n        description=\"Expected May 28, 2026\"\n        status=\"idle\"\n        variant=\"default\">\n      </timeline-item-ui>\n    </timeline-ui>\n  </section>\n</card-ui>",
+  "source": "catalog/ui-patterns/app/order-tracking-timeline/order-tracking-timeline.contents.html",
+  "metadata": {
+    "domain": "data",
+    "description": "Order tracking timeline — 5-step order progress from placed to delivered using timeline-ui + timeline-item-ui. Each step shows status (completed/active/pending) with label and time.",
+    "keywords": [
+      "order",
+      "tracking",
+      "timeline",
+      "step",
+      "progress",
+      "shipped",
+      "delivered",
+      "status",
+      "timeline-ui",
+      "timeline-item-ui",
+      "completed",
+      "active",
+      "pending",
+      "order",
+      "status",
+      "tracking"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Order #1042 · Tracking"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Estimated delivery: May 28, 2026"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "timeline-item",
+      "component": "TimelineItem",
+      "description": "May 23, 2026 at 9:14 AM",
+      "status": "done",
+      "text": "Order placed",
+      "variant": "success"
+    },
+    {
+      "id": "timeline-item-2",
+      "component": "TimelineItem",
+      "description": "May 23, 2026 at 9:15 AM",
+      "status": "done",
+      "text": "Payment confirmed",
+      "variant": "success"
+    },
+    {
+      "id": "timeline-item-3",
+      "component": "TimelineItem",
+      "description": "May 24, 2026 at 2:30 PM",
+      "status": "done",
+      "text": "Processing",
+      "variant": "success"
+    },
+    {
+      "id": "timeline-item-4",
+      "component": "TimelineItem",
+      "description": "May 25, 2026 at 11:00 AM · FedEx #789123456",
+      "spinner": true,
+      "status": "pending",
+      "text": "Shipped",
+      "variant": "default"
+    },
+    {
+      "id": "timeline-item-5",
+      "component": "TimelineItem",
+      "description": "Expected May 28, 2026",
+      "status": "idle",
+      "text": "Delivered",
+      "variant": "default"
+    },
+    {
+      "id": "timeline",
+      "component": "Timeline",
+      "children": [
+        "timeline-item",
+        "timeline-item-2",
+        "timeline-item-3",
+        "timeline-item-4",
+        "timeline-item-5"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "children": [
+        "timeline"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section"
+      ]
+    }
+  ]
+}

package/chunks/pagination-controls.json

@@ -24,7 +24,7 @@
       "pages"
     ]
   },
-  "captured_at": "2026-05-26T04:00:28.271Z",
+  "captured_at": "2026-05-27T23:29:53.307Z",
   "template": [
     {
       "id": "text",

package/chunks/payment-method-form.json

@@ -0,0 +1,337 @@
+{
+  "name": "payment-method-form",
+  "kind": "block",
+  "primary": "card-ui",
+  "page": "/catalog/ui-patterns/app/payment-method-form/payment-method-form.contents.html",
+  "slots": [],
+  "nested": [],
+  "attrs": {},
+  "html": "<card-ui>\n  <header>\n    <avatar-ui slot=\"icon\" icon=\"credit-card\"></avatar-ui>\n    <h3>Update payment method</h3>\n    <p slot=\"description\">Card on file: Visa ending in 4242 · Expires 08/2028</p>\n  </header>\n  <section>\n    <col-ui gap=\"4\">\n      <alert-ui variant=\"info\" icon=\"info\" text=\"Card details are tokenized by Stripe. We never see or store the full number.\"></alert-ui>\n      <field-ui label=\"Payment method\">\n        <select-ui value=\"card\">\n          <option value=\"card\">Credit or debit card</option>\n          <option value=\"ach\">Bank account (ACH)</option>\n          <option value=\"wire\">Wire transfer (annual only)</option>\n        </select-ui>\n      </field-ui>\n      <field-ui label=\"Card number\">\n        <input-ui placeholder=\"1234 1234 1234 1234\" prefix=\"credit-card\"></input-ui>\n      </field-ui>\n      <grid-ui columns=\"2\" gap=\"2\">\n        <field-ui label=\"Expiry\">\n          <input-ui placeholder=\"MM/YY\"></input-ui>\n        </field-ui>\n        <field-ui label=\"CVC\">\n          <input-ui placeholder=\"123\"></input-ui>\n        </field-ui>\n      </grid-ui>\n      <field-ui label=\"Name on card\">\n        <input-ui placeholder=\"Kim Granlund\"></input-ui>\n      </field-ui>\n      <divider-ui></divider-ui>\n      <text-ui strong>Billing address</text-ui>\n      <field-ui label=\"Country\">\n        <input-ui value=\"United States\"></input-ui>\n      </field-ui>\n      <field-ui label=\"Street address\">\n        <input-ui value=\"101 Montgomery St\"></input-ui>\n      </field-ui>\n      <grid-ui columns=\"3\" gap=\"2\">\n        <field-ui label=\"City\">\n          <input-ui value=\"San Francisco\"></input-ui>\n        </field-ui>\n        <field-ui label=\"State\">\n          <input-ui value=\"CA\"></input-ui>\n        </field-ui>\n        <field-ui label=\"ZIP\">\n          <input-ui value=\"94104\"></input-ui>\n        </field-ui>\n      </grid-ui>\n    </col-ui>\n  </section>\n  <footer>\n    <row-ui gap=\"2\" justify=\"space-between\" align=\"center\">\n      <button-ui text=\"Remove card\" variant=\"ghost\" icon=\"trash\" color=\"danger\"></button-ui>\n      <row-ui gap=\"2\">\n        <button-ui text=\"Cancel\" variant=\"ghost\"></button-ui>\n        <button-ui text=\"Save card\" variant=\"primary\"></button-ui>\n      </row-ui>\n    </row-ui>\n  </footer>\n</card-ui>",
+  "source": "catalog/ui-patterns/app/payment-method-form/payment-method-form.contents.html",
+  "metadata": {
+    "domain": "billing",
+    "description": "Payment method form — credit card number, expiry, CVC, billing address fields with save/cancel actions. Inline card form (drawer-less variant for gallery + inline-form contexts).",
+    "keywords": [
+      "payment",
+      "method",
+      "credit",
+      "card",
+      "billing",
+      "form",
+      "update",
+      "save",
+      "cvc",
+      "cvv",
+      "expiry",
+      "visa",
+      "mastercard",
+      "amex",
+      "card-on-file",
+      "billing-address",
+      "tax-id"
+    ]
+  },
+  "captured_at": "2026-05-27T23:29:53.307Z",
+  "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "slot": "icon",
+      "icon": "credit-card"
+    },
+    {
+      "id": "text",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "Update payment method"
+    },
+    {
+      "id": "text-2",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "textContent": "Card on file: Visa ending in 4242 · Expires 08/2028"
+    },
+    {
+      "id": "header",
+      "component": "Header",
+      "children": [
+        "avatar",
+        "text",
+        "text-2"
+      ]
+    },
+    {
+      "id": "alert",
+      "component": "Alert",
+      "icon": "info",
+      "text": "Card details are tokenized by Stripe. We never see or store the full number.",
+      "variant": "info"
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "textContent": "Credit or debit card",
+      "variant": "body"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "textContent": "Bank account (ACH)",
+      "variant": "body"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "textContent": "Wire transfer (annual only)",
+      "variant": "body"
+    },
+    {
+      "id": "choice-picker",
+      "component": "ChoicePicker",
+      "value": "card",
+      "children": [
+        "text-3",
+        "text-4",
+        "text-5"
+      ]
+    },
+    {
+      "id": "field",
+      "component": "Field",
+      "label": "Payment method",
+      "children": [
+        "choice-picker"
+      ]
+    },
+    {
+      "id": "input",
+      "component": "Input",
+      "placeholder": "1234 1234 1234 1234",
+      "prefix": "credit-card"
+    },
+    {
+      "id": "field-2",
+      "component": "Field",
+      "label": "Card number",
+      "children": [
+        "input"
+      ]
+    },
+    {
+      "id": "input-2",
+      "component": "Input",
+      "placeholder": "MM/YY"
+    },
+    {
+      "id": "field-3",
+      "component": "Field",
+      "label": "Expiry",
+      "children": [
+        "input-2"
+      ]
+    },
+    {
+      "id": "input-3",
+      "component": "Input",
+      "placeholder": "123"
+    },
+    {
+      "id": "field-4",
+      "component": "Field",
+      "label": "CVC",
+      "children": [
+        "input-3"
+      ]
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "columns": "2",
+      "gap": "2",
+      "children": [
+        "field-3",
+        "field-4"
+      ]
+    },
+    {
+      "id": "input-4",
+      "component": "Input",
+      "placeholder": "Kim Granlund"
+    },
+    {
+      "id": "field-5",
+      "component": "Field",
+      "label": "Name on card",
+      "children": [
+        "input-4"
+      ]
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Billing address"
+    },
+    {
+      "id": "input-5",
+      "component": "Input",
+      "value": "United States"
+    },
+    {
+      "id": "field-6",
+      "component": "Field",
+      "label": "Country",
+      "children": [
+        "input-5"
+      ]
+    },
+    {
+      "id": "input-6",
+      "component": "Input",
+      "value": "101 Montgomery St"
+    },
+    {
+      "id": "field-7",
+      "component": "Field",
+      "label": "Street address",
+      "children": [
+        "input-6"
+      ]
+    },
+    {
+      "id": "input-7",
+      "component": "Input",
+      "value": "San Francisco"
+    },
+    {
+      "id": "field-8",
+      "component": "Field",
+      "label": "City",
+      "children": [
+        "input-7"
+      ]
+    },
+    {
+      "id": "input-8",
+      "component": "Input",
+      "value": "CA"
+    },
+    {
+      "id": "field-9",
+      "component": "Field",
+      "label": "State",
+      "children": [
+        "input-8"
+      ]
+    },
+    {
+      "id": "input-9",
+      "component": "Input",
+      "value": "94104"
+    },
+    {
+      "id": "field-10",
+      "component": "Field",
+      "label": "ZIP",
+      "children": [
+        "input-9"
+      ]
+    },
+    {
+      "id": "grid-2",
+      "component": "Grid",
+      "columns": "3",
+      "gap": "2",
+      "children": [
+        "field-8",
+        "field-9",
+        "field-10"
+      ]
+    },
+    {
+      "id": "column",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "alert",
+        "field",
+        "field-2",
+        "grid",
+        "field-5",
+        "divider",
+        "text-6",
+        "field-6",
+        "field-7",
+        "grid-2"
+      ]
+    },
+    {
+      "id": "section",
+      "component": "Section",
+      "children": [
+        "column"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "color": "danger",
+      "icon": "trash",
+      "text": "Remove card",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost"
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "text": "Save card",
+      "variant": "primary"
+    },
+    {
+      "id": "row-2",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "button-2",
+        "button-3"
+      ]
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "align": "center",
+      "gap": "2",
+      "justify": "space-between",
+      "children": [
+        "button",
+        "row-2"
+      ]
+    },
+    {
+      "id": "footer",
+      "component": "Footer",
+      "children": [
+        "row"
+      ]
+    },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header",
+        "section",
+        "footer"
+      ]
+    }
+  ]
+}