@adia-ai/a2ui-corpus 0.0.1

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

@@ -0,0 +1,450 @@
+{
+  "$schema": "../_schema.json",
+  "name": "survey-rating-scales",
+  "version": 2,
+  "domain": "forms",
+  "description": "Customer feedback survey form with multiple rating-scale questions: star ratings, 1-5 Likert radio scales, and an NPS slider. Each question is a form-field capturing numeric satisfaction.",
+  "tags": {
+    "purpose": [
+      "feedback",
+      "survey",
+      "data-entry"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "form-submit",
+      "rating-select"
+    ]
+  },
+  "keywords": [
+    "survey",
+    "feedback",
+    "rating",
+    "ratings",
+    "likert",
+    "scale",
+    "scales",
+    "questionnaire",
+    "poll",
+    "nps",
+    "net promoter score",
+    "satisfaction",
+    "stars",
+    "star rating",
+    "customer feedback",
+    "review"
+  ],
+  "related": [
+    "login-form",
+    "contact-form"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "size": "lg",
+      "children": [
+        "hdr",
+        "sec",
+        "ftr"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title",
+        "desc"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Customer Feedback Survey"
+    },
+    {
+      "id": "desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Please rate your experience across the following questions.",
+      "role": "description"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "body"
+      ]
+    },
+    {
+      "id": "body",
+      "component": "Column",
+      "gap": "5",
+      "role": "container",
+      "children": [
+        "q1",
+        "q2",
+        "q3",
+        "q4",
+        "q5"
+      ]
+    },
+    {
+      "id": "q1",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "q1-label",
+        "q1-rating"
+      ]
+    },
+    {
+      "id": "q1-label",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "1. Overall, how satisfied are you with our product?"
+    },
+    {
+      "id": "q1-rating",
+      "component": "Rating",
+      "role": "form-field",
+      "name": "overall_satisfaction",
+      "max": 5,
+      "value": 0,
+      "icon": "star",
+      "size": "lg",
+      "variant": "accent"
+    },
+    {
+      "id": "q2",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "q2-label",
+        "q2-radios"
+      ]
+    },
+    {
+      "id": "q2-label",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "2. The product is easy to use. (1 = Strongly Disagree, 5 = Strongly Agree)"
+    },
+    {
+      "id": "q2-radios",
+      "component": "Row",
+      "gap": "3",
+      "role": "form-field",
+      "children": [
+        "q2-r1-field",
+        "q2-r2-field",
+        "q2-r3-field",
+        "q2-r4-field",
+        "q2-r5-field"
+      ]
+    },
+    {
+      "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
+    },
+    {
+      "id": "q2-r2",
+      "component": "Radio",
+      "name": "ease_of_use",
+      "value": "2"
+    },
+    {
+      "id": "q2-r3-field",
+      "component": "Field",
+      "label": "3",
+      "children": [
+        "q2-r3"
+      ],
+      "inline": true
+    },
+    {
+      "id": "q2-r3",
+      "component": "Radio",
+      "name": "ease_of_use",
+      "value": "3"
+    },
+    {
+      "id": "q2-r4-field",
+      "component": "Field",
+      "label": "4",
+      "children": [
+        "q2-r4"
+      ],
+      "inline": true
+    },
+    {
+      "id": "q2-r4",
+      "component": "Radio",
+      "name": "ease_of_use",
+      "value": "4"
+    },
+    {
+      "id": "q2-r5-field",
+      "component": "Field",
+      "label": "5",
+      "children": [
+        "q2-r5"
+      ],
+      "inline": true
+    },
+    {
+      "id": "q2-r5",
+      "component": "Radio",
+      "name": "ease_of_use",
+      "value": "5"
+    },
+    {
+      "id": "q3",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "q3-label",
+        "q3-rating"
+      ]
+    },
+    {
+      "id": "q3-label",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "3. How would you rate our customer support?"
+    },
+    {
+      "id": "q3-rating",
+      "component": "Rating",
+      "role": "form-field",
+      "name": "support_quality",
+      "max": 5,
+      "value": 0,
+      "icon": "star",
+      "size": "lg"
+    },
+    {
+      "id": "q4",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "q4-label",
+        "q4-radios"
+      ]
+    },
+    {
+      "id": "q4-label",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "4. I would recommend this product to a friend. (Likert 1–5)"
+    },
+    {
+      "id": "q4-radios",
+      "component": "Row",
+      "gap": "3",
+      "role": "form-field",
+      "children": [
+        "q4-r1-field",
+        "q4-r2-field",
+        "q4-r3-field",
+        "q4-r4-field",
+        "q4-r5-field"
+      ]
+    },
+    {
+      "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
+    },
+    {
+      "id": "q4-r2",
+      "component": "Radio",
+      "name": "recommend",
+      "value": "2"
+    },
+    {
+      "id": "q4-r3-field",
+      "component": "Field",
+      "label": "3",
+      "children": [
+        "q4-r3"
+      ],
+      "inline": true
+    },
+    {
+      "id": "q4-r3",
+      "component": "Radio",
+      "name": "recommend",
+      "value": "3"
+    },
+    {
+      "id": "q4-r4-field",
+      "component": "Field",
+      "label": "4",
+      "children": [
+        "q4-r4"
+      ],
+      "inline": true
+    },
+    {
+      "id": "q4-r4",
+      "component": "Radio",
+      "name": "recommend",
+      "value": "4"
+    },
+    {
+      "id": "q4-r5-field",
+      "component": "Field",
+      "label": "5",
+      "children": [
+        "q4-r5"
+      ],
+      "inline": true
+    },
+    {
+      "id": "q4-r5",
+      "component": "Radio",
+      "name": "recommend",
+      "value": "5"
+    },
+    {
+      "id": "q5",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "q5-label",
+        "q5-slider-field"
+      ]
+    },
+    {
+      "id": "q5-label",
+      "component": "Text",
+      "weight": "semibold",
+      "textContent": "5. NPS — How likely are you to recommend us? (0–10)"
+    },
+    {
+      "id": "q5-slider-field",
+      "component": "Field",
+      "label": "Likelihood to recommend",
+      "children": [
+        "q5-slider"
+      ]
+    },
+    {
+      "id": "q5-slider",
+      "component": "Slider",
+      "role": "form-field",
+      "name": "nps",
+      "min": 0,
+      "max": 10,
+      "step": 1,
+      "value": 7,
+      "suffix": "/10"
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "submit"
+      ]
+    },
+    {
+      "id": "submit",
+      "component": "Button",
+      "variant": "primary",
+      "role": "action",
+      "text": "Submit Survey",
+      "block": true
+    }
+  ],
+  "wiring": {
+    "controllers": [
+      {
+        "id": "survey-ctrl",
+        "type": "FormController",
+        "host": "body",
+        "config": {
+          "validateOn": "submit"
+        },
+        "bind": {
+          "values": "/survey/values",
+          "valid": "/survey/valid"
+        }
+      }
+    ],
+    "actions": [
+      {
+        "event": {
+          "event": "press",
+          "target": "submit"
+        },
+        "handler": "submit-resource",
+        "config": {
+          "uri": "api://survey/responses",
+          "method": "POST"
+        },
+        "onSuccess": [
+          {
+            "handler": "notify",
+            "config": {
+              "message": "Thank you for your feedback!",
+              "variant": "success"
+            }
+          }
+        ],
+        "onError": [
+          {
+            "handler": "notify",
+            "config": {
+              "message": "Could not submit survey.",
+              "variant": "error"
+            }
+          }
+        ]
+      }
+    ]
+  }
+}

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

@@ -0,0 +1,69 @@
+# Narrative doc — JSON sibling remains the canonical machine source.
+$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
+name: survey-rating-scales
+domain: forms
+version: 1
+description: >-
+  Customer feedback survey form with multiple rating-scale questions: star
+  ratings, 1-5 Likert radio scales, and an NPS slider. Each question is a
+  form-field capturing numeric satisfaction.
+tags:
+  purpose:
+    - feedback
+    - survey
+    - data-entry
+  complexity: composed
+  layout: single-column
+  interaction:
+    - form-submit
+    - rating-select
+keywords:
+  - survey
+  - feedback
+  - rating
+  - likert
+  - scale
+  - questionnaire
+  - poll
+  - nps
+  - net promoter score
+  - satisfaction
+  - stars
+related:
+  - login-form
+  - contact-form
+use-cases:
+  - "Post-purchase customer satisfaction (CSAT) surveys"
+  - "Product feedback collection with multiple rating dimensions"
+  - "NPS benchmark tracking combined with qualitative Likert statements"
+variants:
+  - name: stars-only
+    description: "Reduce to 3-5 star-rating questions (Rating components only)."
+  - name: likert-only
+    description: "All questions use a 1-5 radio Likert scale for agreement statements."
+  - name: nps-focus
+    description: "Single NPS slider plus 1-2 follow-up star ratings."
+wiring-intent:
+  summary: >-
+    FormController aggregates all rating inputs under /survey/values. Pressing
+    Submit posts the response set and notifies on success/error.
+  controllers:
+    - id: survey-ctrl
+      type: FormController
+      host: body
+  actions:
+    - event: press
+      target: submit
+      handler: submit-resource
+components:
+  - Card
+  - Header
+  - Text
+  - Section
+  - Column
+  - Row
+  - Rating
+  - Radio
+  - Slider
+  - Footer
+  - Button

package/patterns/forms/tag-input.json

@@ -0,0 +1,112 @@
+{
+  "$schema": "../_schema.json",
+  "name": "tag-input",
+  "version": 2,
+  "domain": "forms",
+  "description": "Card with input for adding tags and a row displaying existing tag components.",
+  "tags": {
+    "purpose": [
+      "data-entry",
+      "tagging"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "add-remove"
+    ]
+  },
+  "keywords": [
+    "tag",
+    "label",
+    "chip",
+    "badge",
+    "categorize",
+    "keyword"
+  ],
+  "related": [
+    "search-filters",
+    "create-form"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Tags",
+      "variant": "section"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "content"
+      ]
+    },
+    {
+      "id": "content",
+      "component": "Column",
+      "children": [
+        "tag-field-field",
+        "tag-row"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "tag-field-field",
+      "component": "Field",
+      "label": "Add a tag",
+      "children": [
+        "tag-field"
+      ]
+    },
+    {
+      "id": "tag-field",
+      "component": "Input",
+      "placeholder": "Type and press Enter...",
+      "name": "newTag"
+    },
+    {
+      "id": "tag-row",
+      "component": "Row",
+      "children": [
+        "tag1",
+        "tag2",
+        "tag3"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "tag1",
+      "component": "Badge",
+      "text": "Design",
+      "variant": "default"
+    },
+    {
+      "id": "tag2",
+      "component": "Badge",
+      "text": "Frontend",
+      "variant": "default"
+    },
+    {
+      "id": "tag3",
+      "component": "Badge",
+      "text": "UX",
+      "variant": "default"
+    }
+  ]
+}

package/patterns/forms/tag-input.yaml

@@ -0,0 +1,47 @@
+# 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: tag-input
+domain: forms
+version: 1
+description: >-
+  Card with input for adding tags and a row displaying existing tag components.
+tags:
+  purpose:
+    - data-entry
+    - tagging
+  complexity: composed
+  layout: single-column
+  interaction:
+    - add-remove
+keywords:
+  - tag
+  - label
+  - chip
+  - badge
+  - categorize
+  - keyword
+related:
+  - search-filters
+  - create-form
+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
+  - Input
+  - Row
+  - Badge