@adia-ai/a2ui-corpus 0.4.3 → 0.4.5

package/patterns/forms/radio-group.json

@@ -73,56 +73,32 @@
       "id": "options",
       "component": "Column",
       "children": [
-        "basic-field",
-        "pro-field",
-        "enterprise-field"
+        "basic",
+        "pro",
+        "enterprise"
       ],
       "gap": "3"
     },
-    {
-      "id": "basic-field",
-      "component": "Field",
-      "label": "Basic — $9/mo",
-      "children": [
-        "basic"
-      ],
-      "inline": true
-    },
     {
       "id": "basic",
       "component": "Radio",
       "value": "basic",
-      "name": "plan"
-    },
-    {
-      "id": "pro-field",
-      "component": "Field",
-      "label": "Pro — $29/mo",
-      "children": [
-        "pro"
-      ],
-      "inline": true
+      "name": "plan",
+      "label": "Basic \u2014 $9/mo"
     },
     {
       "id": "pro",
       "component": "Radio",
       "value": "pro",
-      "name": "plan"
-    },
-    {
-      "id": "enterprise-field",
-      "component": "Field",
-      "label": "Enterprise — $99/mo",
-      "children": [
-        "enterprise"
-      ],
-      "inline": true
+      "name": "plan",
+      "label": "Pro \u2014 $29/mo"
     },
     {
       "id": "enterprise",
       "component": "Radio",
       "value": "enterprise",
-      "name": "plan"
+      "name": "plan",
+      "label": "Enterprise \u2014 $99/mo"
     },
     {
       "id": "ftr",
@@ -136,8 +112,8 @@
       "component": "Button",
       "text": "Confirm Plan",
       "variant": "primary",
-      "block": true,
-      "slot": "action"
+      "slot": "action",
+      "stretch": true
     }
   ]
 }

package/patterns/forms/survey-rating-scales.json

@@ -105,8 +105,8 @@
     {
       "id": "q1-label",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "1. Overall, how satisfied are you with our product?"
+      "textContent": "1. Overall, how satisfied are you with our product?",
+      "strong": true
     },
     {
       "id": "q1-rating",
@@ -131,8 +131,8 @@
     {
       "id": "q2-label",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "2. The product is easy to use. (1 = Strongly Disagree, 5 = Strongly Agree)"
+      "textContent": "2. The product is easy to use. (1 = Strongly Disagree, 5 = Strongly Agree)",
+      "strong": true
     },
     {
       "id": "q2-radios",
@@ -140,87 +140,47 @@
       "gap": "3",
       "role": "form-field",
       "children": [
-        "q2-r1-field",
-        "q2-r2-field",
-        "q2-r3-field",
-        "q2-r4-field",
-        "q2-r5-field"
+        "q2-r1",
+        "q2-r2",
+        "q2-r3",
+        "q2-r4",
+        "q2-r5"
       ]
     },
-    {
-      "id": "q2-r1-field",
-      "component": "Field",
-      "label": "1",
-      "children": [
-        "q2-r1"
-      ],
-      "inline": true
-    },
     {
       "id": "q2-r1",
       "component": "Radio",
       "name": "ease_of_use",
-      "value": "1"
-    },
-    {
-      "id": "q2-r2-field",
-      "component": "Field",
-      "label": "2",
-      "children": [
-        "q2-r2"
-      ],
-      "inline": true
+      "value": "1",
+      "label": "1"
     },
     {
       "id": "q2-r2",
       "component": "Radio",
       "name": "ease_of_use",
-      "value": "2"
-    },
-    {
-      "id": "q2-r3-field",
-      "component": "Field",
-      "label": "3",
-      "children": [
-        "q2-r3"
-      ],
-      "inline": true
+      "value": "2",
+      "label": "2"
     },
     {
       "id": "q2-r3",
       "component": "Radio",
       "name": "ease_of_use",
-      "value": "3"
-    },
-    {
-      "id": "q2-r4-field",
-      "component": "Field",
-      "label": "4",
-      "children": [
-        "q2-r4"
-      ],
-      "inline": true
+      "value": "3",
+      "label": "3"
     },
     {
       "id": "q2-r4",
       "component": "Radio",
       "name": "ease_of_use",
-      "value": "4"
-    },
-    {
-      "id": "q2-r5-field",
-      "component": "Field",
-      "label": "5",
-      "children": [
-        "q2-r5"
-      ],
-      "inline": true
+      "value": "4",
+      "label": "4"
     },
     {
       "id": "q2-r5",
       "component": "Radio",
       "name": "ease_of_use",
-      "value": "5"
+      "value": "5",
+      "label": "5"
     },
     {
       "id": "q3",
@@ -234,8 +194,8 @@
     {
       "id": "q3-label",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "3. How would you rate our customer support?"
+      "textContent": "3. How would you rate our customer support?",
+      "strong": true
     },
     {
       "id": "q3-rating",
@@ -259,8 +219,8 @@
     {
       "id": "q4-label",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "4. I would recommend this product to a friend. (Likert 1–5)"
+      "textContent": "4. I would recommend this product to a friend. (Likert 1\u20135)",
+      "strong": true
     },
     {
       "id": "q4-radios",
@@ -268,87 +228,47 @@
       "gap": "3",
       "role": "form-field",
       "children": [
-        "q4-r1-field",
-        "q4-r2-field",
-        "q4-r3-field",
-        "q4-r4-field",
-        "q4-r5-field"
+        "q4-r1",
+        "q4-r2",
+        "q4-r3",
+        "q4-r4",
+        "q4-r5"
       ]
     },
-    {
-      "id": "q4-r1-field",
-      "component": "Field",
-      "label": "1",
-      "children": [
-        "q4-r1"
-      ],
-      "inline": true
-    },
     {
       "id": "q4-r1",
       "component": "Radio",
       "name": "recommend",
-      "value": "1"
-    },
-    {
-      "id": "q4-r2-field",
-      "component": "Field",
-      "label": "2",
-      "children": [
-        "q4-r2"
-      ],
-      "inline": true
+      "value": "1",
+      "label": "1"
     },
     {
       "id": "q4-r2",
       "component": "Radio",
       "name": "recommend",
-      "value": "2"
-    },
-    {
-      "id": "q4-r3-field",
-      "component": "Field",
-      "label": "3",
-      "children": [
-        "q4-r3"
-      ],
-      "inline": true
+      "value": "2",
+      "label": "2"
     },
     {
       "id": "q4-r3",
       "component": "Radio",
       "name": "recommend",
-      "value": "3"
-    },
-    {
-      "id": "q4-r4-field",
-      "component": "Field",
-      "label": "4",
-      "children": [
-        "q4-r4"
-      ],
-      "inline": true
+      "value": "3",
+      "label": "3"
     },
     {
       "id": "q4-r4",
       "component": "Radio",
       "name": "recommend",
-      "value": "4"
-    },
-    {
-      "id": "q4-r5-field",
-      "component": "Field",
-      "label": "5",
-      "children": [
-        "q4-r5"
-      ],
-      "inline": true
+      "value": "4",
+      "label": "4"
     },
     {
       "id": "q4-r5",
       "component": "Radio",
       "name": "recommend",
-      "value": "5"
+      "value": "5",
+      "label": "5"
     },
     {
       "id": "q5",
@@ -362,8 +282,8 @@
     {
       "id": "q5-label",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "5. NPS — How likely are you to recommend us? (0–10)"
+      "textContent": "5. NPS \u2014 How likely are you to recommend us? (0\u201310)",
+      "strong": true
     },
     {
       "id": "q5-slider-field",
@@ -397,7 +317,7 @@
       "variant": "primary",
       "role": "action",
       "text": "Submit Survey",
-      "block": true
+      "stretch": true
     }
   ],
   "wiring": {

package/patterns/forms/two-factor-auth.json

@@ -5,10 +5,16 @@
   "domain": "forms",
   "description": "Two-factor authentication setup flow: scan QR code in an authenticator app, enter a 6-digit OTP to verify, view backup codes, then enable 2FA.",
   "tags": {
-    "purpose": ["authentication", "security", "setup"],
+    "purpose": [
+      "authentication",
+      "security",
+      "setup"
+    ],
     "complexity": "composed",
     "layout": "single-column",
-    "interaction": ["form-submit"]
+    "interaction": [
+      "form-submit"
+    ]
   },
   "keywords": [
     "2fa",
@@ -23,76 +29,220 @@
     "totp",
     "qr code"
   ],
-  "related": ["otp-form", "otp-verification", "login-form", "settings-page"],
+  "related": [
+    "otp-form",
+    "otp-verification",
+    "login-form",
+    "settings-page"
+  ],
   "template": [
-    { "id": "root", "component": "Card", "size": "lg",
-      "children": ["root-hdr", "root-sec", "root-ftr"] },
-
-    { "id": "root-hdr", "component": "Header",
-      "children": ["root-title", "root-desc"] },
-
-    { "id": "root-title", "component": "Text", "slot": "heading", "variant": "section",
-      "textContent": "Set up two-factor authentication", "role": "heading" },
-
-    { "id": "root-desc", "component": "Text", "slot": "description", "variant": "caption",
+    {
+      "id": "root",
+      "component": "Card",
+      "size": "lg",
+      "children": [
+        "root-hdr",
+        "root-sec",
+        "root-ftr"
+      ]
+    },
+    {
+      "id": "root-hdr",
+      "component": "Header",
+      "children": [
+        "root-title",
+        "root-desc"
+      ]
+    },
+    {
+      "id": "root-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Set up two-factor authentication",
+      "role": "heading"
+    },
+    {
+      "id": "root-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
       "textContent": "Scan the QR code with your authenticator app, then enter the 6-digit code to confirm.",
-      "role": "description" },
-
-    { "id": "root-sec", "component": "Section",
-      "children": ["root-body"] },
-
-    { "id": "root-body", "component": "Column", "gap": "4", "role": "container",
-      "children": ["qr-block", "otp-block", "backup-block"] },
-
-    { "id": "qr-block", "component": "Column", "gap": "2", "align": "center",
-      "children": ["qr-label", "qr-embed", "qr-caption"] },
-    { "id": "qr-label", "component": "Text", "variant": "label",
-      "textContent": "1. Scan this QR code", "role": "heading" },
-    { "id": "qr-embed", "component": "Embed",
-      "src": "https://example.com/2fa/qr.png", "alt": "Authenticator QR code",
-      "width": "200", "height": "200" },
-    { "id": "qr-caption", "component": "Text", "variant": "caption",
+      "role": "description"
+    },
+    {
+      "id": "root-sec",
+      "component": "Section",
+      "children": [
+        "root-body"
+      ]
+    },
+    {
+      "id": "root-body",
+      "component": "Column",
+      "gap": "4",
+      "role": "container",
+      "children": [
+        "qr-block",
+        "otp-block",
+        "backup-block"
+      ]
+    },
+    {
+      "id": "qr-block",
+      "component": "Column",
+      "gap": "2",
+      "align": "center",
+      "children": [
+        "qr-label",
+        "qr-embed",
+        "qr-caption"
+      ]
+    },
+    {
+      "id": "qr-label",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "1. Scan this QR code",
+      "role": "heading"
+    },
+    {
+      "id": "qr-embed",
+      "component": "Embed",
+      "src": "https://example.com/2fa/qr.png",
+      "alt": "Authenticator QR code",
+      "width": "200",
+      "height": "200"
+    },
+    {
+      "id": "qr-caption",
+      "component": "Text",
+      "variant": "caption",
       "textContent": "Or enter this secret manually: JBSWY3DPEHPK3PXP",
-      "role": "description" },
-
-    { "id": "otp-block", "component": "Column", "gap": "2",
-      "children": ["otp-label", "otp", "otp-caption"] },
-    { "id": "otp-label", "component": "Text", "variant": "label",
-      "textContent": "2. Enter the 6-digit code", "role": "heading" },
-    { "id": "otp", "component": "OtpInput", "role": "form-field",
-      "name": "code", "length": 6, "required": true },
-    { "id": "otp-caption", "component": "Text", "variant": "caption",
+      "role": "description"
+    },
+    {
+      "id": "otp-block",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "otp-label",
+        "otp",
+        "otp-caption"
+      ]
+    },
+    {
+      "id": "otp-label",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "2. Enter the 6-digit code",
+      "role": "heading"
+    },
+    {
+      "id": "otp",
+      "component": "OtpInput",
+      "role": "form-field",
+      "name": "code",
+      "length": 6,
+      "required": true
+    },
+    {
+      "id": "otp-caption",
+      "component": "Text",
+      "variant": "caption",
       "textContent": "The code refreshes every 30 seconds in your authenticator app.",
-      "role": "description" },
-
-    { "id": "backup-block", "component": "Column", "gap": "2",
-      "children": ["backup-label", "backup-alert", "backup-codes"] },
-    { "id": "backup-label", "component": "Text", "variant": "label",
-      "textContent": "3. Save your backup codes", "role": "heading" },
-    { "id": "backup-alert", "component": "Alert", "variant": "warning",
-      "text": "Store these codes somewhere safe. Each can be used once if you lose access to your authenticator." },
-    { "id": "backup-codes", "component": "Text", "variant": "code",
+      "role": "description"
+    },
+    {
+      "id": "backup-block",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "backup-label",
+        "backup-alert",
+        "backup-codes"
+      ]
+    },
+    {
+      "id": "backup-label",
+      "component": "Text",
+      "variant": "label",
+      "textContent": "3. Save your backup codes",
+      "role": "heading"
+    },
+    {
+      "id": "backup-alert",
+      "component": "Alert",
+      "variant": "warning",
+      "text": "Store these codes somewhere safe. Each can be used once if you lose access to your authenticator."
+    },
+    {
+      "id": "backup-codes",
+      "component": "Text",
+      "variant": "code",
       "textContent": "A1B2-C3D4  E5F6-G7H8  I9J0-K1L2  M3N4-O5P6  Q7R8-S9T0  U1V2-W3X4",
-      "role": "description" },
-
-    { "id": "root-ftr", "component": "Footer",
-      "children": ["root-action"] },
-
-    { "id": "root-action", "component": "Button", "variant": "primary", "role": "action",
-      "text": "Enable 2FA", "block": true }
+      "role": "description"
+    },
+    {
+      "id": "root-ftr",
+      "component": "Footer",
+      "children": [
+        "root-action"
+      ]
+    },
+    {
+      "id": "root-action",
+      "component": "Button",
+      "variant": "primary",
+      "role": "action",
+      "text": "Enable 2FA",
+      "stretch": true
+    }
   ],
   "wiring": {
     "controllers": [
-      { "id": "twofa-ctrl", "type": "FormController", "host": "root-body",
-        "config": { "validateOn": "submit" },
-        "bind": { "values": "/form/values", "valid": "/form/valid" } }
+      {
+        "id": "twofa-ctrl",
+        "type": "FormController",
+        "host": "root-body",
+        "config": {
+          "validateOn": "submit"
+        },
+        "bind": {
+          "values": "/form/values",
+          "valid": "/form/valid"
+        }
+      }
     ],
     "actions": [
-      { "event": { "event": "press", "target": "root-action" },
+      {
+        "event": {
+          "event": "press",
+          "target": "root-action"
+        },
         "handler": "submit-resource",
-        "config": { "uri": "api://auth/2fa/enable", "method": "POST" },
-        "onSuccess": [{ "handler": "notify", "config": { "message": "Two-factor authentication enabled.", "variant": "success" } }],
-        "onError": [{ "handler": "notify", "config": { "message": "Invalid code. Please try again.", "variant": "error" } }]
+        "config": {
+          "uri": "api://auth/2fa/enable",
+          "method": "POST"
+        },
+        "onSuccess": [
+          {
+            "handler": "notify",
+            "config": {
+              "message": "Two-factor authentication enabled.",
+              "variant": "success"
+            }
+          }
+        ],
+        "onError": [
+          {
+            "handler": "notify",
+            "config": {
+              "message": "Invalid code. Please try again.",
+              "variant": "error"
+            }
+          }
+        ]
       }
     ]
   }