@adia-ai/a2ui-corpus 0.0.1

package/patterns/forms/notification-preferences.json

@@ -0,0 +1,302 @@
+{
+  "$schema": "../_schema.json",
+  "name": "notification-preferences",
+  "version": 1,
+  "domain": "forms",
+  "description": "Notification preferences card with toggle switches for different notification channels and types.",
+  "tags": {
+    "purpose": [
+      "settings",
+      "preferences"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "toggle"
+    ]
+  },
+  "keywords": [
+    "notification",
+    "preferences",
+    "settings",
+    "toggle",
+    "switch",
+    "alerts",
+    "email",
+    "push"
+  ],
+  "related": [
+    "settings-page",
+    "notification-center"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title",
+        "desc"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "span",
+      "textContent": "Notification Preferences"
+    },
+    {
+      "id": "desc",
+      "component": "Text",
+      "slot": "description",
+      "textContent": "Choose how you want to be notified"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "list"
+      ]
+    },
+    {
+      "id": "list",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "r1",
+        "r2",
+        "r3",
+        "r4",
+        "r5"
+      ]
+    },
+    {
+      "id": "r1",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "info1",
+        "sw1"
+      ]
+    },
+    {
+      "id": "info1",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "label1",
+        "hint1"
+      ]
+    },
+    {
+      "id": "label1",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Email Notifications"
+    },
+    {
+      "id": "hint1",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "Receive updates via email"
+    },
+    {
+      "id": "sw1",
+      "component": "Switch",
+      "checked": true
+    },
+    {
+      "id": "r2",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "info2",
+        "sw2"
+      ]
+    },
+    {
+      "id": "info2",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "label2",
+        "hint2"
+      ]
+    },
+    {
+      "id": "label2",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Push Notifications"
+    },
+    {
+      "id": "hint2",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "Browser and mobile push alerts"
+    },
+    {
+      "id": "sw2",
+      "component": "Switch",
+      "checked": true
+    },
+    {
+      "id": "r3",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "info3",
+        "sw3"
+      ]
+    },
+    {
+      "id": "info3",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "label3",
+        "hint3"
+      ]
+    },
+    {
+      "id": "label3",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Marketing Emails"
+    },
+    {
+      "id": "hint3",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "Product updates and announcements"
+    },
+    {
+      "id": "sw3",
+      "component": "Switch"
+    },
+    {
+      "id": "r4",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "info4",
+        "sw4"
+      ]
+    },
+    {
+      "id": "info4",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "label4",
+        "hint4"
+      ]
+    },
+    {
+      "id": "label4",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Security Alerts"
+    },
+    {
+      "id": "hint4",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "Login attempts and password changes"
+    },
+    {
+      "id": "sw4",
+      "component": "Switch",
+      "checked": true
+    },
+    {
+      "id": "r5",
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "info5",
+        "sw5"
+      ]
+    },
+    {
+      "id": "info5",
+      "component": "Column",
+      "gap": "0",
+      "grow": true,
+      "children": [
+        "label5",
+        "hint5"
+      ]
+    },
+    {
+      "id": "label5",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "Weekly Digest"
+    },
+    {
+      "id": "hint5",
+      "component": "Text",
+      "color": "muted",
+      "textContent": "Summary of activity each week"
+    },
+    {
+      "id": "sw5",
+      "component": "Switch"
+    }
+  ],
+  "wiring": {
+    "controllers": [
+      { "id": "prefs-ctrl", "type": "FormController", "host": "root",
+        "config": { "validateOn": "change" },
+        "bind": { "values": "/preferences/values" } }
+    ],
+    "actions": [
+      { "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" } }]
+      },
+      { "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" } }]
+      },
+      { "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" } }]
+      },
+      { "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" } }]
+      },
+      { "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" } }]
+      }
+    ],
+    "data": [
+      { "uri": "api://preferences/notifications", "refresh": "once" }
+    ]
+  }
+}

package/patterns/forms/notification-preferences.yaml

@@ -0,0 +1,66 @@
+# Generated by scripts/generate-yaml-scaffolds.mjs
+# Narrative doc — JSON sibling remains the canonical machine source.
+# Fill in TODO sections by hand.
+
+$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
+name: notification-preferences
+domain: forms
+version: 1
+description: >-
+  Notification preferences card with toggle switches for different notification channels and types.
+tags:
+  purpose:
+    - settings
+    - preferences
+  complexity: composed
+  layout: single-column
+  interaction:
+    - toggle
+keywords:
+  - notification
+  - preferences
+  - settings
+  - toggle
+  - switch
+  - alerts
+  - email
+  - push
+related:
+  - settings-page
+  - notification-center
+use-cases:
+  - "TODO: primary use case"
+  - "TODO: secondary use case"
+variants:
+  - name: TODO
+    description: "TODO: variant description"
+wiring-intent:
+  summary: "TODO: describe wiring intent"
+  controllers:
+    - id: prefs-ctrl
+      type: FormController
+      host: root
+  actions:
+    - event: toggle
+      target: sw1
+      handler: submit-resource
+    - event: toggle
+      target: sw2
+      handler: submit-resource
+    - event: toggle
+      target: sw3
+      handler: submit-resource
+    - event: toggle
+      target: sw4
+      handler: submit-resource
+    - event: toggle
+      target: sw5
+      handler: submit-resource
+components:
+  - Card
+  - Header
+  - Text
+  - Section
+  - Column
+  - Row
+  - Switch

package/patterns/forms/otp-form.json

@@ -0,0 +1,89 @@
+{
+  "$schema": "../_schema.json",
+  "name": "otp-form",
+  "version": 1,
+  "domain": "forms",
+  "description": "OTP verification form with code input and submit button.",
+  "tags": {
+    "purpose": [
+      "authentication",
+      "data-entry",
+      "layout"
+    ],
+    "complexity": "simple",
+    "layout": "single-column",
+    "interaction": [
+      "form-submit"
+    ]
+  },
+  "keywords": [
+    "otp",
+    "verification",
+    "code",
+    "two-factor",
+    "2fa",
+    "pin"
+  ],
+  "related": [
+    "login-form",
+    "auth-signup"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title",
+        "desc"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Verify Your Identity"
+    },
+    {
+      "id": "desc",
+      "component": "Text",
+      "slot": "description",
+      "textContent": "Enter the 6-digit code sent to your email."
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "col"
+      ]
+    },
+    {
+      "id": "col",
+      "component": "Column",
+      "children": [
+        "otp",
+        "btn"
+      ],
+      "gap": "4",
+      "align": "center"
+    },
+    {
+      "id": "otp",
+      "component": "OtpInput",
+      "length": 6
+    },
+    {
+      "id": "btn",
+      "component": "Button",
+      "text": "Verify",
+      "variant": "primary"
+    }
+  ]
+}

package/patterns/forms/otp-form.yaml

@@ -0,0 +1,46 @@
+# Generated by scripts/generate-yaml-scaffolds.mjs
+# Narrative doc — JSON sibling remains the canonical machine source.
+# Fill in TODO sections by hand.
+
+$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
+name: otp-form
+domain: forms
+version: 1
+description: OTP verification form with code input and submit button.
+tags:
+  purpose:
+    - authentication
+    - data-entry
+    - layout
+  complexity: simple
+  layout: single-column
+  interaction:
+    - form-submit
+keywords:
+  - otp
+  - verification
+  - code
+  - two-factor
+  - "2fa"
+  - pin
+related:
+  - login-form
+  - auth-signup
+use-cases:
+  - "TODO: primary use case"
+  - "TODO: secondary use case"
+variants:
+  - name: TODO
+    description: "TODO: variant description"
+wiring-intent:
+  summary: Static pattern (no interactive wiring).
+  controllers: []
+  actions: []
+components:
+  - Card
+  - Header
+  - Text
+  - Section
+  - Column
+  - OtpInput
+  - Button

package/patterns/forms/otp-verification.json

@@ -0,0 +1,128 @@
+{
+  "$schema": "../_schema.json",
+  "name": "otp-verification",
+  "version": 1,
+  "domain": "forms",
+  "description": "OTP verification card with 6-digit code input, resend link, and a primary verify button in the footer. Richer than otp-form: includes resend affordance and card footer.",
+  "tags": {
+    "purpose": [
+      "authentication",
+      "data-entry"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "form-submit"
+    ]
+  },
+  "keywords": [
+    "otp",
+    "verification",
+    "code",
+    "two-factor",
+    "2fa",
+    "pin",
+    "verify",
+    "resend",
+    "identity"
+  ],
+  "related": [
+    "otp-form",
+    "login-form",
+    "auth-signup"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec",
+        "ftr"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title",
+        "desc"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Verify Your Identity"
+    },
+    {
+      "id": "desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Enter the 6-digit code sent to your device"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "col"
+      ]
+    },
+    {
+      "id": "col",
+      "component": "Column",
+      "gap": "4",
+      "align": "center",
+      "children": [
+        "otp",
+        "resend-row"
+      ]
+    },
+    {
+      "id": "otp",
+      "component": "OtpInput",
+      "length": 6,
+      "name": "otp-code"
+    },
+    {
+      "id": "resend-row",
+      "component": "Row",
+      "gap": "1",
+      "align": "center",
+      "children": [
+        "resend-label",
+        "resend-btn"
+      ]
+    },
+    {
+      "id": "resend-label",
+      "component": "Text",
+      "variant": "caption",
+      "color": "muted",
+      "textContent": "Didn't receive a code?"
+    },
+    {
+      "id": "resend-btn",
+      "component": "Button",
+      "text": "Resend",
+      "variant": "ghost",
+      "size": "sm"
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "verify-btn"
+      ]
+    },
+    {
+      "id": "verify-btn",
+      "component": "Button",
+      "text": "Verify",
+      "variant": "primary",
+      "block": true
+    }
+  ]
+}

package/patterns/forms/otp-verification.yaml

@@ -0,0 +1,52 @@
+# Generated by scripts/generate-yaml-scaffolds.mjs
+# Narrative doc — JSON sibling remains the canonical machine source.
+# Fill in TODO sections by hand.
+
+$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
+name: otp-verification
+domain: forms
+version: 1
+description: >-
+  OTP verification card with 6-digit code input, resend link, and a primary verify button in the footer. Richer than otp-form: includes resend affordance and card footer.
+tags:
+  purpose:
+    - authentication
+    - data-entry
+  complexity: composed
+  layout: single-column
+  interaction:
+    - form-submit
+keywords:
+  - otp
+  - verification
+  - code
+  - two-factor
+  - "2fa"
+  - pin
+  - verify
+  - resend
+  - identity
+related:
+  - otp-form
+  - login-form
+  - auth-signup
+use-cases:
+  - "TODO: primary use case"
+  - "TODO: secondary use case"
+variants:
+  - name: TODO
+    description: "TODO: variant description"
+wiring-intent:
+  summary: Static pattern (no interactive wiring).
+  controllers: []
+  actions: []
+components:
+  - Card
+  - Header
+  - Text
+  - Section
+  - Column
+  - OtpInput
+  - Row
+  - Button
+  - Footer