@adia-ai/a2ui-corpus 0.4.6 → 0.4.8

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

@@ -1,282 +0,0 @@
-{
-  "$schema": "../_schema.json",
-  "name": "credit-card-payment",
-  "version": 2,
-  "domain": "forms",
-  "description": "Credit card payment form with card number, expiry (MM/YY), CVV, cardholder name, and billing country. Pay primary action shows the total amount.",
-  "tags": {
-    "purpose": [
-      "payment",
-      "checkout",
-      "data-entry"
-    ],
-    "complexity": "composed",
-    "layout": "single-column",
-    "interaction": [
-      "form-submit"
-    ]
-  },
-  "keywords": [
-    "credit card",
-    "payment",
-    "checkout",
-    "cvv",
-    "expiry",
-    "cardholder",
-    "billing",
-    "pay",
-    "card number",
-    "mm/yy",
-    "billing country"
-  ],
-  "related": [
-    "create-form",
-    "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": "Payment details",
-      "role": "heading"
-    },
-    {
-      "id": "root-desc",
-      "component": "Text",
-      "slot": "description",
-      "variant": "caption",
-      "textContent": "Enter your credit card information to complete your purchase.",
-      "role": "description"
-    },
-    {
-      "id": "root-sec",
-      "component": "Section",
-      "children": [
-        "root-body"
-      ]
-    },
-    {
-      "id": "root-body",
-      "component": "Column",
-      "gap": "3",
-      "role": "container",
-      "children": [
-        "card-number-field",
-        "expiry-cvv-row",
-        "cardholder-field",
-        "billing-country-field"
-      ]
-    },
-    {
-      "id": "card-number-field",
-      "component": "Field",
-      "label": "Card number",
-      "children": [
-        "card-number"
-      ]
-    },
-    {
-      "id": "card-number",
-      "component": "Input",
-      "role": "form-field",
-      "type": "text",
-      "name": "cardNumber",
-      "required": true,
-      "placeholder": "1234 5678 9012 3456",
-      "autocomplete": "cc-number",
-      "inputmode": "numeric"
-    },
-    {
-      "id": "expiry-cvv-row",
-      "component": "Row",
-      "gap": "3",
-      "children": [
-        "expiry-field",
-        "cvv-field"
-      ]
-    },
-    {
-      "id": "expiry-field",
-      "component": "Field",
-      "label": "Expiry (MM/YY)",
-      "children": [
-        "expiry"
-      ]
-    },
-    {
-      "id": "expiry",
-      "component": "Input",
-      "role": "form-field",
-      "type": "text",
-      "name": "expiry",
-      "required": true,
-      "placeholder": "MM/YY",
-      "autocomplete": "cc-exp",
-      "inputmode": "numeric"
-    },
-    {
-      "id": "cvv-field",
-      "component": "Field",
-      "label": "CVV",
-      "children": [
-        "cvv"
-      ]
-    },
-    {
-      "id": "cvv",
-      "component": "Input",
-      "role": "form-field",
-      "type": "text",
-      "name": "cvv",
-      "required": true,
-      "placeholder": "123",
-      "autocomplete": "cc-csc",
-      "inputmode": "numeric"
-    },
-    {
-      "id": "cardholder-field",
-      "component": "Field",
-      "label": "Cardholder name",
-      "children": [
-        "cardholder"
-      ]
-    },
-    {
-      "id": "cardholder",
-      "component": "Input",
-      "role": "form-field",
-      "type": "text",
-      "name": "cardholderName",
-      "required": true,
-      "placeholder": "Name on card",
-      "autocomplete": "cc-name"
-    },
-    {
-      "id": "billing-country-field",
-      "component": "Field",
-      "label": "Billing country",
-      "children": [
-        "billing-country"
-      ]
-    },
-    {
-      "id": "billing-country",
-      "component": "Select",
-      "role": "form-field",
-      "name": "billingCountry",
-      "required": true,
-      "options": [
-        {
-          "value": "US",
-          "label": "United States"
-        },
-        {
-          "value": "CA",
-          "label": "Canada"
-        },
-        {
-          "value": "GB",
-          "label": "United Kingdom"
-        },
-        {
-          "value": "DE",
-          "label": "Germany"
-        },
-        {
-          "value": "FR",
-          "label": "France"
-        },
-        {
-          "value": "AU",
-          "label": "Australia"
-        },
-        {
-          "value": "JP",
-          "label": "Japan"
-        }
-      ]
-    },
-    {
-      "id": "root-ftr",
-      "component": "Footer",
-      "children": [
-        "root-action"
-      ]
-    },
-    {
-      "id": "root-action",
-      "component": "Button",
-      "variant": "primary",
-      "role": "action",
-      "text": "Pay $49.00",
-      "stretch": true
-    }
-  ],
-  "wiring": {
-    "controllers": [
-      {
-        "id": "payment-ctrl",
-        "type": "FormController",
-        "host": "root-body",
-        "config": {
-          "validateOn": "submit"
-        },
-        "bind": {
-          "values": "/form/values",
-          "valid": "/form/valid"
-        }
-      }
-    ],
-    "actions": [
-      {
-        "event": {
-          "event": "press",
-          "target": "root-action"
-        },
-        "handler": "submit-resource",
-        "config": {
-          "uri": "api://checkout/charge",
-          "method": "POST"
-        },
-        "onSuccess": [
-          {
-            "handler": "navigate",
-            "config": {
-              "navigate": "/checkout/success"
-            }
-          }
-        ],
-        "onError": [
-          {
-            "handler": "notify",
-            "config": {
-              "message": "Payment failed. Please check your card details.",
-              "variant": "error"
-            }
-          }
-        ]
-      }
-    ]
-  }
-}

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

@@ -1,61 +0,0 @@
-$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
-name: credit-card-payment
-domain: forms
-version: 1
-intent: >-
-  Collect credit card details to complete a checkout: card number, expiry,
-  CVV, cardholder name, and billing country. The primary action shows the
-  total to be charged.
-when-to-use: >-
-  Use on checkout or one-time payment flows where the merchant accepts raw
-  card details (PCI-compliant backend). For saved-card selection or wallet
-  pay, use a different pattern.
-description: >-
-  Credit card payment form with card number, expiry (MM/YY) and CVV arranged
-  in a row, cardholder name, billing country select, and a "Pay $X" primary
-  action.
-tags:
-  purpose:
-    - payment
-    - checkout
-    - data-entry
-  complexity: composed
-  layout: single-column
-  interaction:
-    - form-submit
-keywords:
-  - credit card
-  - payment
-  - checkout
-  - cvv
-  - expiry
-  - cardholder
-  - billing
-  - pay
-  - card number
-  - mm/yy
-  - billing country
-related:
-  - create-form
-  - login-form
-  - settings-page
-variations:
-  - name: with-billing-address
-    description: Add full billing address fields (street, city, postal code) below billing country.
-  - name: saved-card
-    description: Replace card-number input with a selector of saved cards plus "Add new card".
-anti-patterns:
-  - Do not place expiry and CVV on separate rows — they should sit together for scan-ability.
-  - Do not omit the amount from the primary button; "Pay" alone hides what will be charged.
-  - Do not accept card data without TLS + a PCI-compliant tokenization backend.
-components:
-  - Card
-  - Header
-  - Text
-  - Section
-  - Column
-  - Input
-  - Row
-  - Select
-  - Footer
-  - Button

package/patterns/forms/data-import.json

@@ -1,110 +0,0 @@
-{
-  "$schema": "../_schema.json",
-  "name": "data-import",
-  "version": 2,
-  "domain": "forms",
-  "description": "Data import wizard with file upload, progress tracking, and action buttons.",
-  "tags": {
-    "purpose": [
-      "data-entry",
-      "onboarding",
-      "tracking"
-    ],
-    "complexity": "composed",
-    "layout": "single-column",
-    "interaction": [
-      "file-upload"
-    ]
-  },
-  "keywords": [
-    "import",
-    "upload",
-    "data",
-    "wizard",
-    "csv",
-    "file"
-  ],
-  "related": [
-    "file-upload-form",
-    "color-picker-panel"
-  ],
-  "template": [
-    {
-      "id": "root",
-      "component": "Card",
-      "children": [
-        "hdr",
-        "sec"
-      ]
-    },
-    {
-      "id": "hdr",
-      "component": "Header",
-      "children": [
-        "title"
-      ]
-    },
-    {
-      "id": "title",
-      "component": "Text",
-      "slot": "heading",
-      "textContent": "Import Data"
-    },
-    {
-      "id": "sec",
-      "component": "Section",
-      "children": [
-        "col"
-      ]
-    },
-    {
-      "id": "col",
-      "component": "Column",
-      "children": [
-        "upload-field",
-        "prog",
-        "actions"
-      ],
-      "gap": "4"
-    },
-    {
-      "id": "upload-field",
-      "component": "Field",
-      "label": "Drop files here",
-      "children": [
-        "upload"
-      ]
-    },
-    {
-      "id": "upload",
-      "component": "Upload",
-      "accept": ".csv,.xlsx"
-    },
-    {
-      "id": "prog",
-      "component": "Progress",
-      "value": 0
-    },
-    {
-      "id": "actions",
-      "component": "Row",
-      "children": [
-        "cancel",
-        "start"
-      ],
-      "gap": "2"
-    },
-    {
-      "id": "cancel",
-      "component": "Button",
-      "text": "Cancel",
-      "variant": "outline"
-    },
-    {
-      "id": "start",
-      "component": "Button",
-      "text": "Import",
-      "variant": "primary"
-    }
-  ]
-}

package/patterns/forms/data-import.yaml

@@ -1,49 +0,0 @@
-# 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: data-import
-domain: forms
-version: 1
-description: >-
-  Data import wizard with file upload, progress tracking, and action buttons.
-tags:
-  purpose:
-    - data-entry
-    - onboarding
-    - tracking
-  complexity: composed
-  layout: single-column
-  interaction:
-    - file-upload
-keywords:
-  - import
-  - upload
-  - data
-  - wizard
-  - csv
-  - file
-related:
-  - file-upload-form
-  - color-picker-panel
-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
-  - Upload
-  - Progress
-  - Row
-  - Button

package/patterns/forms/date-picker.json

@@ -1,85 +0,0 @@
-{
-  "$schema": "../_schema.json",
-  "name": "date-picker",
-  "version": 2,
-  "domain": "forms",
-  "description": "Date and time picker form with calendar picker and time selects.",
-  "tags": {
-    "purpose": [
-      "scheduling",
-      "data-entry"
-    ],
-    "complexity": "simple",
-    "layout": "single-column",
-    "interaction": [
-      "range-select",
-      "form-submit"
-    ]
-  },
-  "keywords": [
-    "date",
-    "time",
-    "picker",
-    "calendar",
-    "schedule"
-  ],
-  "related": [
-    "calendar-view"
-  ],
-  "template": [
-    {
-      "id": "root",
-      "component": "Card",
-      "children": [
-        "sec"
-      ]
-    },
-    {
-      "id": "sec",
-      "component": "Section",
-      "children": [
-        "col"
-      ]
-    },
-    {
-      "id": "col",
-      "component": "Column",
-      "children": [
-        "name-field",
-        "cal-field",
-        "btn"
-      ],
-      "gap": "4"
-    },
-    {
-      "id": "name-field",
-      "component": "Field",
-      "label": "Event Name",
-      "children": [
-        "name"
-      ]
-    },
-    {
-      "id": "name",
-      "component": "Input"
-    },
-    {
-      "id": "cal-field",
-      "component": "Field",
-      "label": "Date",
-      "children": [
-        "cal"
-      ]
-    },
-    {
-      "id": "cal",
-      "component": "CalendarPicker"
-    },
-    {
-      "id": "btn",
-      "component": "Button",
-      "text": "Schedule",
-      "variant": "primary"
-    }
-  ]
-}

package/patterns/forms/date-picker.yaml

@@ -1,44 +0,0 @@
-# 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: date-picker
-domain: forms
-version: 1
-description: >-
-  Date and time picker form with calendar picker and time selects.
-tags:
-  purpose:
-    - scheduling
-    - data-entry
-  complexity: simple
-  layout: single-column
-  interaction:
-    - range-select
-    - form-submit
-keywords:
-  - date
-  - time
-  - picker
-  - calendar
-  - schedule
-related:
-  - calendar-view
-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
-  - Section
-  - Column
-  - Input
-  - CalendarPicker
-  - Button