@adia-ai/a2ui-corpus 0.4.3 → 0.4.4

package/patterns/forms/credit-card-payment.json

@@ -104,8 +104,8 @@
       "name": "cardNumber",
       "required": true,
       "placeholder": "1234 5678 9012 3456",
-      "inputMode": "numeric",
-      "autoComplete": "cc-number"
+      "autocomplete": "cc-number",
+      "inputmode": "numeric"
     },
     {
       "id": "expiry-cvv-row",
@@ -132,8 +132,8 @@
       "name": "expiry",
       "required": true,
       "placeholder": "MM/YY",
-      "inputMode": "numeric",
-      "autoComplete": "cc-exp"
+      "autocomplete": "cc-exp",
+      "inputmode": "numeric"
     },
     {
       "id": "cvv-field",
@@ -151,8 +151,8 @@
       "name": "cvv",
       "required": true,
       "placeholder": "123",
-      "inputMode": "numeric",
-      "autoComplete": "cc-csc"
+      "autocomplete": "cc-csc",
+      "inputmode": "numeric"
     },
     {
       "id": "cardholder-field",
@@ -170,7 +170,7 @@
       "name": "cardholderName",
       "required": true,
       "placeholder": "Name on card",
-      "autoComplete": "cc-name"
+      "autocomplete": "cc-name"
     },
     {
       "id": "billing-country-field",
@@ -230,7 +230,7 @@
       "variant": "primary",
       "role": "action",
       "text": "Pay $49.00",
-      "block": true
+      "stretch": true
     }
   ],
   "wiring": {

package/patterns/forms/data-import.json

@@ -83,8 +83,7 @@
     {
       "id": "prog",
       "component": "Progress",
-      "value": 0,
-      "max": 100
+      "value": 0
     },
     {
       "id": "actions",

package/patterns/forms/login-form.json

@@ -122,24 +122,16 @@
       "gap": "2",
       "justify": "between",
       "children": [
-        "remember-field",
+        "remember",
         "forgot"
       ]
     },
-    {
-      "id": "remember-field",
-      "component": "Field",
-      "label": "Remember me",
-      "children": [
-        "remember"
-      ],
-      "inline": true
-    },
     {
       "id": "remember",
       "component": "CheckBox",
       "role": "form-field",
-      "name": "remember"
+      "name": "remember",
+      "label": "Remember me"
     },
     {
       "id": "forgot",
@@ -161,7 +153,7 @@
       "variant": "primary",
       "role": "action",
       "text": "Sign In",
-      "block": true
+      "stretch": true
     }
   ],
   "wiring": {

package/patterns/forms/notification-filters.json

@@ -3,7 +3,7 @@
   "name": "notification-filters",
   "version": 2,
   "domain": "forms",
-  "description": "Filter panel for a notification inbox — toggle categories (mentions, comments, system), select time range and priority, mark all read, apply filters.",
+  "description": "Filter panel for a notification inbox \u2014 toggle categories (mentions, comments, system), select time range and priority, mark all read, apply filters.",
   "tags": {
     "purpose": [
       "filtering",
@@ -92,15 +92,14 @@
         "cat-label",
         "cat-group",
         "time-row",
-        "unread-only-field",
-        "mute-field"
+        "unread-only",
+        "mute"
       ]
     },
     {
       "id": "cat-label",
       "component": "Text",
       "variant": "label",
-      "weight": "semibold",
       "textContent": "Categories"
     },
     {
@@ -108,74 +107,42 @@
       "component": "Column",
       "gap": "2",
       "children": [
-        "cat-mentions-field",
-        "cat-comments-field",
-        "cat-assignments-field",
-        "cat-system-field"
+        "cat-mentions",
+        "cat-comments",
+        "cat-assignments",
+        "cat-system"
       ]
     },
-    {
-      "id": "cat-mentions-field",
-      "component": "Field",
-      "label": "Mentions",
-      "children": [
-        "cat-mentions"
-      ],
-      "inline": true
-    },
     {
       "id": "cat-mentions",
       "component": "CheckBox",
       "role": "form-field",
       "name": "cat_mentions",
-      "checked": true
-    },
-    {
-      "id": "cat-comments-field",
-      "component": "Field",
-      "label": "Comments & replies",
-      "children": [
-        "cat-comments"
-      ],
-      "inline": true
+      "checked": true,
+      "label": "Mentions"
     },
     {
       "id": "cat-comments",
       "component": "CheckBox",
       "role": "form-field",
       "name": "cat_comments",
-      "checked": true
-    },
-    {
-      "id": "cat-assignments-field",
-      "component": "Field",
-      "label": "Task assignments",
-      "children": [
-        "cat-assignments"
-      ],
-      "inline": true
+      "checked": true,
+      "label": "Comments & replies"
     },
     {
       "id": "cat-assignments",
       "component": "CheckBox",
       "role": "form-field",
       "name": "cat_assignments",
-      "checked": true
-    },
-    {
-      "id": "cat-system-field",
-      "component": "Field",
-      "label": "System alerts",
-      "children": [
-        "cat-system"
-      ],
-      "inline": true
+      "checked": true,
+      "label": "Task assignments"
     },
     {
       "id": "cat-system",
       "component": "CheckBox",
       "role": "form-field",
-      "name": "cat_system"
+      "name": "cat_system",
+      "label": "System alerts"
     },
     {
       "id": "time-row",
@@ -216,35 +183,19 @@
       "name": "priority",
       "placeholder": "Any priority"
     },
-    {
-      "id": "unread-only-field",
-      "component": "Field",
-      "label": "Unread only",
-      "children": [
-        "unread-only"
-      ],
-      "inline": true
-    },
     {
       "id": "unread-only",
       "component": "Switch",
       "role": "form-field",
-      "name": "unread_only"
-    },
-    {
-      "id": "mute-field",
-      "component": "Field",
-      "label": "Do not disturb",
-      "children": [
-        "mute"
-      ],
-      "inline": true
+      "name": "unread_only",
+      "label": "Unread only"
     },
     {
       "id": "mute",
       "component": "Switch",
       "role": "form-field",
-      "name": "do_not_disturb"
+      "name": "do_not_disturb",
+      "label": "Do not disturb"
     },
     {
       "id": "ftr",

package/patterns/forms/notification-preferences.json

@@ -101,14 +101,14 @@
     {
       "id": "label1",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "Email Notifications"
+      "textContent": "Email Notifications",
+      "strong": true
     },
     {
       "id": "hint1",
       "component": "Text",
-      "color": "muted",
-      "textContent": "Receive updates via email"
+      "textContent": "Receive updates via email",
+      "variant": "caption"
     },
     {
       "id": "sw1",
@@ -138,14 +138,14 @@
     {
       "id": "label2",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "Push Notifications"
+      "textContent": "Push Notifications",
+      "strong": true
     },
     {
       "id": "hint2",
       "component": "Text",
-      "color": "muted",
-      "textContent": "Browser and mobile push alerts"
+      "textContent": "Browser and mobile push alerts",
+      "variant": "caption"
     },
     {
       "id": "sw2",
@@ -175,14 +175,14 @@
     {
       "id": "label3",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "Marketing Emails"
+      "textContent": "Marketing Emails",
+      "strong": true
     },
     {
       "id": "hint3",
       "component": "Text",
-      "color": "muted",
-      "textContent": "Product updates and announcements"
+      "textContent": "Product updates and announcements",
+      "variant": "caption"
     },
     {
       "id": "sw3",
@@ -211,14 +211,14 @@
     {
       "id": "label4",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "Security Alerts"
+      "textContent": "Security Alerts",
+      "strong": true
     },
     {
       "id": "hint4",
       "component": "Text",
-      "color": "muted",
-      "textContent": "Login attempts and password changes"
+      "textContent": "Login attempts and password changes",
+      "variant": "caption"
     },
     {
       "id": "sw4",
@@ -248,14 +248,14 @@
     {
       "id": "label5",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "Weekly Digest"
+      "textContent": "Weekly Digest",
+      "strong": true
     },
     {
       "id": "hint5",
       "component": "Text",
-      "color": "muted",
-      "textContent": "Summary of activity each week"
+      "textContent": "Summary of activity each week",
+      "variant": "caption"
     },
     {
       "id": "sw5",
@@ -264,39 +264,125 @@
   ],
   "wiring": {
     "controllers": [
-      { "id": "prefs-ctrl", "type": "FormController", "host": "root",
-        "config": { "validateOn": "change" },
-        "bind": { "values": "/preferences/values" } }
+      {
+        "id": "prefs-ctrl",
+        "type": "FormController",
+        "host": "root",
+        "config": {
+          "validateOn": "change"
+        },
+        "bind": {
+          "values": "/preferences/values"
+        }
+      }
     ],
     "actions": [
-      { "event": { "event": "toggle", "target": "sw1" },
+      {
+        "event": {
+          "event": "toggle",
+          "target": "sw1"
+        },
         "handler": "submit-resource",
-        "config": { "uri": "api://preferences/notifications", "method": "PATCH" },
-        "onError": [{ "handler": "notify", "config": { "message": "Could not update preference.", "variant": "error" } }]
+        "config": {
+          "uri": "api://preferences/notifications",
+          "method": "PATCH"
+        },
+        "onError": [
+          {
+            "handler": "notify",
+            "config": {
+              "message": "Could not update preference.",
+              "variant": "error"
+            }
+          }
+        ]
       },
-      { "event": { "event": "toggle", "target": "sw2" },
+      {
+        "event": {
+          "event": "toggle",
+          "target": "sw2"
+        },
         "handler": "submit-resource",
-        "config": { "uri": "api://preferences/notifications", "method": "PATCH" },
-        "onError": [{ "handler": "notify", "config": { "message": "Could not update preference.", "variant": "error" } }]
+        "config": {
+          "uri": "api://preferences/notifications",
+          "method": "PATCH"
+        },
+        "onError": [
+          {
+            "handler": "notify",
+            "config": {
+              "message": "Could not update preference.",
+              "variant": "error"
+            }
+          }
+        ]
       },
-      { "event": { "event": "toggle", "target": "sw3" },
+      {
+        "event": {
+          "event": "toggle",
+          "target": "sw3"
+        },
         "handler": "submit-resource",
-        "config": { "uri": "api://preferences/notifications", "method": "PATCH" },
-        "onError": [{ "handler": "notify", "config": { "message": "Could not update preference.", "variant": "error" } }]
+        "config": {
+          "uri": "api://preferences/notifications",
+          "method": "PATCH"
+        },
+        "onError": [
+          {
+            "handler": "notify",
+            "config": {
+              "message": "Could not update preference.",
+              "variant": "error"
+            }
+          }
+        ]
       },
-      { "event": { "event": "toggle", "target": "sw4" },
+      {
+        "event": {
+          "event": "toggle",
+          "target": "sw4"
+        },
         "handler": "submit-resource",
-        "config": { "uri": "api://preferences/notifications", "method": "PATCH" },
-        "onError": [{ "handler": "notify", "config": { "message": "Could not update preference.", "variant": "error" } }]
+        "config": {
+          "uri": "api://preferences/notifications",
+          "method": "PATCH"
+        },
+        "onError": [
+          {
+            "handler": "notify",
+            "config": {
+              "message": "Could not update preference.",
+              "variant": "error"
+            }
+          }
+        ]
       },
-      { "event": { "event": "toggle", "target": "sw5" },
+      {
+        "event": {
+          "event": "toggle",
+          "target": "sw5"
+        },
         "handler": "submit-resource",
-        "config": { "uri": "api://preferences/notifications", "method": "PATCH" },
-        "onError": [{ "handler": "notify", "config": { "message": "Could not update preference.", "variant": "error" } }]
+        "config": {
+          "uri": "api://preferences/notifications",
+          "method": "PATCH"
+        },
+        "onError": [
+          {
+            "handler": "notify",
+            "config": {
+              "message": "Could not update preference.",
+              "variant": "error"
+            }
+          }
+        ]
       }
     ],
     "data": [
-      { "uri": "api://preferences/notifications", "refresh": "once" }
+      {
+        "uri": "api://preferences/notifications",
+        "refresh": "once"
+      }
     ]
   }
 }

package/patterns/forms/otp-verification.json

@@ -100,7 +100,6 @@
       "id": "resend-label",
       "component": "Text",
       "variant": "caption",
-      "color": "muted",
       "textContent": "Didn't receive a code?"
     },
     {
@@ -122,7 +121,7 @@
       "component": "Button",
       "text": "Verify",
       "variant": "primary",
-      "block": true
+      "stretch": true
     }
   ]
 }

package/patterns/forms/password-reset.json

@@ -153,7 +153,7 @@
       "variant": "primary",
       "role": "action",
       "text": "Send reset link",
-      "block": true
+      "stretch": true
     }
   ],
   "wiring": {

package/patterns/forms/radio-group-selection.json

@@ -73,75 +73,43 @@
       "gap": "2",
       "role": "container",
       "children": [
-        "opt-a-field",
-        "opt-b-field",
-        "opt-c-field",
-        "opt-d-field"
+        "opt-a",
+        "opt-b",
+        "opt-c",
+        "opt-d"
       ]
     },
-    {
-      "id": "opt-a-field",
-      "component": "Field",
-      "label": "Option A",
-      "children": [
-        "opt-a"
-      ],
-      "inline": true
-    },
     {
       "id": "opt-a",
       "component": "Radio",
       "role": "form-field",
       "name": "choice",
-      "value": "a"
-    },
-    {
-      "id": "opt-b-field",
-      "component": "Field",
-      "label": "Option B",
-      "children": [
-        "opt-b"
-      ],
-      "inline": true
+      "value": "a",
+      "label": "Option A"
     },
     {
       "id": "opt-b",
       "component": "Radio",
       "role": "form-field",
       "name": "choice",
-      "value": "b"
-    },
-    {
-      "id": "opt-c-field",
-      "component": "Field",
-      "label": "Option C",
-      "children": [
-        "opt-c"
-      ],
-      "inline": true
+      "value": "b",
+      "label": "Option B"
     },
     {
       "id": "opt-c",
       "component": "Radio",
       "role": "form-field",
       "name": "choice",
-      "value": "c"
-    },
-    {
-      "id": "opt-d-field",
-      "component": "Field",
-      "label": "Option D",
-      "children": [
-        "opt-d"
-      ],
-      "inline": true
+      "value": "c",
+      "label": "Option C"
     },
     {
       "id": "opt-d",
       "component": "Radio",
       "role": "form-field",
       "name": "choice",
-      "value": "d"
+      "value": "d",
+      "label": "Option D"
     },
     {
       "id": "ftr",
@@ -156,7 +124,7 @@
       "variant": "primary",
       "role": "action",
       "text": "Continue",
-      "block": true
+      "stretch": true
     }
   ],
   "wiring": {