@adia-ai/a2ui-corpus 0.6.42 → 0.6.44

package/chunks/drawer-cancel-sub.json

@@ -24,23 +24,49 @@
       "form"
     ]
   },
-  "captured_at": "2026-05-27T03:59:46.910Z",
+  "captured_at": "2026-05-28T23:31:43.377Z",
   "template": [
+    {
+      "id": "avatar",
+      "component": "Avatar",
+      "icon": "warning-octagon"
+    },
     {
       "id": "text",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "slot": "icon",
+      "children": [
+        "avatar"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "strong": true,
+      "textContent": "Cancel subscription"
+    },
+    {
+      "id": "badge",
+      "component": "Badge",
+      "text": "Pro",
+      "variant": "accent"
     },
     {
       "id": "text-2",
       "component": "Text",
       "variant": "body",
-      "textContent": "Cancel subscription"
+      "slot": "heading",
+      "children": [
+        "text-3",
+        "badge"
+      ]
     },
     {
-      "id": "text-3",
+      "id": "text-4",
       "component": "Text",
       "variant": "body",
+      "slot": "action",
       "size": "sm"
     },
     {
@@ -49,11 +75,11 @@
       "children": [
         "text",
         "text-2",
-        "text-3"
+        "text-4"
       ]
     },
     {
-      "id": "text-4",
+      "id": "text-5",
       "component": "Text",
       "color": "subtle",
       "size": "sm",
@@ -63,45 +89,91 @@
       "id": "section",
       "component": "Section",
       "children": [
-        "text-4"
+        "text-5"
       ]
     },
     {
-      "id": "text-5",
+      "id": "text-6",
       "component": "Text",
       "strong": true,
       "textContent": "Before you go — try one of these instead"
     },
     {
-      "id": "text-6",
-      "component": "Text",
-      "variant": "body"
+      "id": "percent",
+      "component": "Icon",
+      "name": "percent"
     },
     {
       "id": "text-7",
       "component": "Text",
       "variant": "body",
+      "slot": "icon",
+      "children": [
+        "percent"
+      ]
+    },
+    {
+      "id": "text-9",
+      "component": "Text",
+      "strong": true,
       "textContent": "Save 30% for 3 months"
     },
+    {
+      "id": "badge-2",
+      "component": "Badge",
+      "text": "One-time offer",
+      "variant": "success"
+    },
     {
       "id": "text-8",
       "component": "Text",
       "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-9",
+        "badge-2"
+      ]
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "Your Pro plan drops from $49/mo to $34/mo through Aug 14, 2026."
     },
     {
-      "id": "text-9",
+      "id": "text-10",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-11"
+      ]
+    },
+    {
+      "id": "button",
+      "component": "Button",
+      "size": "sm",
+      "text": "Apply discount",
+      "variant": "primary"
+    },
+    {
+      "id": "text-12",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button"
+      ]
     },
     {
       "id": "header-2",
       "component": "Header",
       "children": [
-        "text-6",
         "text-7",
         "text-8",
-        "text-9"
+        "text-10",
+        "text-12"
       ]
     },
     {
@@ -119,35 +191,74 @@
       ]
     },
     {
-      "id": "text-10",
-      "component": "Text",
-      "variant": "body"
+      "id": "pause",
+      "component": "Icon",
+      "name": "pause"
     },
     {
-      "id": "text-11",
+      "id": "text-13",
       "component": "Text",
       "variant": "body",
+      "slot": "icon",
+      "children": [
+        "pause"
+      ]
+    },
+    {
+      "id": "text-15",
+      "component": "Text",
+      "strong": true,
       "textContent": "Pause for 1 month"
     },
     {
-      "id": "text-12",
+      "id": "text-14",
       "component": "Text",
       "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-15"
+      ]
+    },
+    {
+      "id": "text-17",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "Workspace stays accessible read-only. No charge during the pause; resume anytime."
     },
     {
-      "id": "text-13",
+      "id": "text-16",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-17"
+      ]
+    },
+    {
+      "id": "button-2",
+      "component": "Button",
+      "size": "sm",
+      "text": "Pause plan",
+      "variant": "outline"
+    },
+    {
+      "id": "text-18",
+      "component": "Text",
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button-2"
+      ]
     },
     {
       "id": "header-3",
       "component": "Header",
       "children": [
-        "text-10",
-        "text-11",
-        "text-12",
-        "text-13"
+        "text-13",
+        "text-14",
+        "text-16",
+        "text-18"
       ]
     },
     {
@@ -165,35 +276,74 @@
       ]
     },
     {
-      "id": "text-14",
-      "component": "Text",
-      "variant": "body"
+      "id": "arrow-down",
+      "component": "Icon",
+      "name": "arrow-down"
     },
     {
-      "id": "text-15",
+      "id": "text-19",
       "component": "Text",
       "variant": "body",
+      "slot": "icon",
+      "children": [
+        "arrow-down"
+      ]
+    },
+    {
+      "id": "text-21",
+      "component": "Text",
+      "strong": true,
       "textContent": "Downgrade to Free"
     },
     {
-      "id": "text-16",
+      "id": "text-20",
       "component": "Text",
       "variant": "body",
+      "slot": "heading",
+      "children": [
+        "text-21"
+      ]
+    },
+    {
+      "id": "text-23",
+      "component": "Text",
+      "color": "subtle",
+      "size": "sm",
       "textContent": "Keep core features at no cost. 3-conversation limit, basic charts, community support."
     },
     {
-      "id": "text-17",
+      "id": "text-22",
+      "component": "Text",
+      "variant": "body",
+      "slot": "description",
+      "children": [
+        "text-23"
+      ]
+    },
+    {
+      "id": "button-3",
+      "component": "Button",
+      "size": "sm",
+      "text": "Switch to Free",
+      "variant": "outline"
+    },
+    {
+      "id": "text-24",
       "component": "Text",
-      "variant": "body"
+      "variant": "body",
+      "slot": "action",
+      "children": [
+        "button-3"
+      ]
     },
     {
       "id": "header-4",
       "component": "Header",
       "children": [
-        "text-14",
-        "text-15",
-        "text-16",
-        "text-17"
+        "text-19",
+        "text-20",
+        "text-22",
+        "text-24"
       ]
     },
     {
@@ -225,7 +375,7 @@
       "component": "Column",
       "gap": "3",
       "children": [
-        "text-5",
+        "text-6",
         "list"
       ]
     },
@@ -245,7 +395,7 @@
       "component": "Divider"
     },
     {
-      "id": "text-18",
+      "id": "text-25",
       "component": "Text",
       "strong": true,
       "textContent": "What happens on May 14"
@@ -256,7 +406,7 @@
       "name": "x-circle"
     },
     {
-      "id": "text-19",
+      "id": "text-26",
       "component": "Text",
       "textContent": "Advanced charts become view-only"
     },
@@ -267,7 +417,7 @@
       "gap": "2",
       "children": [
         "x-circle",
-        "text-19"
+        "text-26"
       ]
     },
     {
@@ -276,7 +426,7 @@
       "name": "x-circle"
     },
     {
-      "id": "text-20",
+      "id": "text-27",
       "component": "Text",
       "textContent": "API key quota drops from 1M to 10K/month"
     },
@@ -287,7 +437,7 @@
       "gap": "2",
       "children": [
         "icon",
-        "text-20"
+        "text-27"
       ]
     },
     {
@@ -296,7 +446,7 @@
       "name": "x-circle"
     },
     {
-      "id": "text-21",
+      "id": "text-28",
       "component": "Text",
       "textContent": "Priority support downgrades to community"
     },
@@ -307,7 +457,7 @@
       "gap": "2",
       "children": [
         "icon-2",
-        "text-21"
+        "text-28"
       ]
     },
     {
@@ -316,7 +466,7 @@
       "name": "check-circle"
     },
     {
-      "id": "text-22",
+      "id": "text-29",
       "component": "Text",
       "textContent": "Workspace, members, and history remain"
     },
@@ -327,7 +477,7 @@
       "gap": "2",
       "children": [
         "check-circle",
-        "text-22"
+        "text-29"
       ]
     },
     {
@@ -335,7 +485,7 @@
       "component": "Column",
       "gap": "2",
       "children": [
-        "text-18",
+        "text-25",
         "row",
         "row-2",
         "row-3",
@@ -346,59 +496,38 @@
       "id": "divider-3",
       "component": "Divider"
     },
-    {
-      "id": "text-23",
-      "component": "Text",
-      "textContent": "Select a reason",
-      "variant": "body"
-    },
-    {
-      "id": "text-24",
-      "component": "Text",
-      "textContent": "Too expensive",
-      "variant": "body"
-    },
-    {
-      "id": "text-25",
-      "component": "Text",
-      "textContent": "Missing features I need",
-      "variant": "body"
-    },
-    {
-      "id": "text-26",
-      "component": "Text",
-      "textContent": "Switching to another tool",
-      "variant": "body"
-    },
-    {
-      "id": "text-27",
-      "component": "Text",
-      "textContent": "Not using it enough",
-      "variant": "body"
-    },
-    {
-      "id": "text-28",
-      "component": "Text",
-      "textContent": "Taking a break, may return",
-      "variant": "body"
-    },
-    {
-      "id": "text-29",
-      "component": "Text",
-      "textContent": "Other",
-      "variant": "body"
-    },
     {
       "id": "choice-picker",
       "component": "ChoicePicker",
-      "children": [
-        "text-23",
-        "text-24",
-        "text-25",
-        "text-26",
-        "text-27",
-        "text-28",
-        "text-29"
+      "options": [
+        {
+          "value": "",
+          "label": "Select a reason"
+        },
+        {
+          "value": "too-expensive",
+          "label": "Too expensive"
+        },
+        {
+          "value": "missing-features",
+          "label": "Missing features I need"
+        },
+        {
+          "value": "switching",
+          "label": "Switching to another tool"
+        },
+        {
+          "value": "not-using",
+          "label": "Not using it enough"
+        },
+        {
+          "value": "temporary",
+          "label": "Taking a break, may return"
+        },
+        {
+          "value": "other",
+          "label": "Other"
+        }
       ]
     },
     {
@@ -465,13 +594,13 @@
       ]
     },
     {
-      "id": "button",
+      "id": "button-4",
       "component": "Button",
       "text": "Keep my plan",
       "variant": "ghost"
     },
     {
-      "id": "button-2",
+      "id": "button-5",
       "component": "Button",
       "color": "danger",
       "text": "Confirm cancellation"
@@ -480,13 +609,14 @@
       "id": "grid",
       "component": "Grid",
       "children": [
-        "button",
-        "button-2"
+        "button-4",
+        "button-5"
       ]
     },
     {
       "id": "footer",
       "component": "Footer",
+      "slot": "footer",
       "children": [
         "grid"
       ]