@adia-ai/a2ui-corpus 0.0.1

package/compositions/forms/change-password-form.yaml

@@ -0,0 +1,44 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: change-password-form
+domain: forms
+description: >-
+  Change existing password — current password plus new password with confirmation.
+keywords:
+  - change password
+  - update password
+  - security
+  - credentials
+tags:
+  purpose:
+    - auth
+    - account
+    - security
+  complexity: simple
+  layout: single-column
+  interaction:
+    - form-submit
+related:
+  - password-reset-form
+  - login-form
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: footer-cancel-save
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/forms/color-picker-panel.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "../_schema.json",
+  "name": "color-picker-panel",
+  "version": 1,
+  "kind": "composition",
+  "domain": "forms",
+  "description": "Color selection panel with a picker and swatch grid — for theme customization and design tools.",
+  "tags": {
+    "purpose": ["theme", "color", "customization"],
+    "complexity": "simple",
+    "layout": "single-column"
+  },
+  "keywords": ["color", "picker", "swatch", "theme", "palette", "customize"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Choose a color", "description": "Pick a color or enter a hex value." } },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "children": ["cp", "hex"], "gap": "3" },
+    { "id": "cp",  "component": "ColorPicker", "name": "color", "value": "#4f46e5" },
+    { "id": "hex", "$fragment": "labeled-input",
+      "bindings": { "label": "Hex value", "name": "hex", "type": "text", "placeholder": "#4f46e5" } }
+  ]
+}

package/compositions/forms/color-picker-panel.yaml

@@ -0,0 +1,36 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: color-picker-panel
+domain: forms
+description: >-
+  Color selection panel with a picker and swatch grid — for theme customization and design tools.
+keywords:
+  - color
+  - picker
+  - swatch
+  - theme
+  - palette
+  - customize
+tags:
+  purpose:
+    - theme
+    - color
+    - customization
+  complexity: simple
+  layout: single-column
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/forms/contact-form.json

@@ -0,0 +1,49 @@
+{
+  "$schema": "../_schema.json",
+  "name": "contact-form",
+  "version": 1,
+  "kind": "composition",
+  "domain": "forms",
+  "description": "Contact form with name, email, subject, and message. Collects inbound inquiries.",
+  "tags": {
+    "purpose": ["contact", "inquiry", "support"],
+    "complexity": "simple",
+    "layout": "single-column",
+    "interaction": ["form-submit"]
+  },
+  "keywords": ["contact", "inquiry", "message", "support", "feedback", "reach out", "subject"],
+  "related": ["signup-form"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Get in touch", "description": "We usually reply within one business day." } },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "children": ["name", "email", "subject", "message"], "gap": "4" },
+    { "id": "name",    "$fragment": "labeled-input",
+      "bindings": { "label": "Name", "name": "name", "type": "text", "placeholder": "Your name" } },
+    { "id": "email",   "$fragment": "labeled-input",
+      "bindings": { "label": "Email", "name": "email", "type": "email", "placeholder": "you@example.com" } },
+    { "id": "subject", "$fragment": "labeled-input",
+      "bindings": { "label": "Subject", "name": "subject", "type": "text", "placeholder": "How can we help?" } },
+    { "id": "message", "$fragment": "labeled-textarea",
+      "bindings": { "label": "Message", "name": "message", "placeholder": "Tell us more…", "rows": 6 } },
+    { "id": "ftr", "$fragment": "footer-primary-only",
+      "bindings": { "label": "Send message" } }
+  ],
+  "wiring": {
+    "controllers": [
+      { "id": "contact-ctrl", "type": "FormController", "host": "col",
+        "config": { "validateOn": "submit" },
+        "bind": { "values": "/form/values", "valid": "/form/valid" } }
+    ],
+    "actions": [
+      { "event": { "event": "press", "target": "ftr--fp-btn" },
+        "handler": "submit-resource",
+        "config": { "uri": "api://contact/messages", "method": "POST" },
+        "onSuccess": [{ "handler": "notify", "config": { "message": "Thanks — we'll be in touch shortly.", "variant": "success" } }],
+        "onError": [{ "handler": "notify", "config": { "message": "Could not send your message. Please try again.", "variant": "error" } }]
+      }
+    ]
+  }
+}

package/compositions/forms/contact-form.yaml

@@ -0,0 +1,54 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: contact-form
+domain: forms
+description: >-
+  Contact form with name, email, subject, and message. Collects inbound inquiries.
+keywords:
+  - contact
+  - inquiry
+  - message
+  - support
+  - feedback
+  - reach out
+  - subject
+tags:
+  purpose:
+    - contact
+    - inquiry
+    - support
+  complexity: simple
+  layout: single-column
+  interaction:
+    - form-submit
+related:
+  - signup-form
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: labeled-textarea
+    prefix: ""
+  - fragment: footer-primary-only
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: "TODO: describe wiring intent"
+  controllers:
+    - id: contact-ctrl
+      type: FormController
+      host: col
+  actions:
+    - event: press
+      target: ftr--fp-btn
+      handler: submit-resource

package/compositions/forms/credit-card-payment-form.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "../_schema.json",
+  "name": "credit-card-payment-form",
+  "version": 1,
+  "kind": "composition",
+  "domain": "forms",
+  "description": "Credit card payment collection — card number, expiry, CVC, cardholder name.",
+  "tags": {
+    "purpose": ["payment", "checkout", "billing"],
+    "complexity": "medium",
+    "layout": "single-column",
+    "interaction": ["form-submit"]
+  },
+  "keywords": ["credit card", "payment", "checkout", "billing", "card", "pay"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Payment details", "description": "Your card is processed securely." } },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "children": ["cardName", "cardNumber", "expiry", "cvc"], "gap": "4" },
+    { "id": "cardName",   "$fragment": "labeled-input",
+      "bindings": { "label": "Cardholder name", "name": "cardName", "type": "text", "placeholder": "Ada Lovelace" } },
+    { "id": "cardNumber", "$fragment": "labeled-input",
+      "bindings": { "label": "Card number", "name": "cardNumber", "type": "text", "placeholder": "1234 5678 9012 3456" } },
+    { "id": "expiry",     "$fragment": "labeled-input",
+      "bindings": { "label": "Expiry (MM/YY)", "name": "expiry", "type": "text", "placeholder": "08/29" } },
+    { "id": "cvc",        "$fragment": "labeled-input",
+      "bindings": { "label": "CVC", "name": "cvc", "type": "text", "placeholder": "123" } },
+    { "id": "ftr", "$fragment": "footer-cancel-save",
+      "bindings": { "cancelLabel": "Cancel", "confirmLabel": "Pay now" } }
+  ]
+}

package/compositions/forms/credit-card-payment-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/composition.yaml.schema.json
+kind: composition
+name: credit-card-payment-form
+domain: forms
+description: >-
+  Credit card payment collection — card number, expiry, CVC, cardholder name.
+keywords:
+  - credit card
+  - payment
+  - checkout
+  - billing
+  - card
+  - pay
+tags:
+  purpose:
+    - payment
+    - checkout
+    - billing
+  complexity: medium
+  layout: single-column
+  interaction:
+    - form-submit
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: footer-cancel-save
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/forms/data-import-mapper.json

@@ -0,0 +1,247 @@
+{
+  "$schema": "../_schema.json",
+  "name": "data-import-mapper",
+  "version": 1,
+  "kind": "composition",
+  "domain": "forms",
+  "description": "CSV column-to-destination-field mapping step. Shows uploaded header tags, per-column destination selectors with auto-match detection, preview of first 5 rows, and validation errors. Companion to data-import-wizard.",
+  "tags": {
+    "purpose": [
+      "csv-import",
+      "column-mapping",
+      "data-migration",
+      "field-mapping",
+      "import"
+    ],
+    "complexity": "complex",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "csv column mapping",
+    "column mapper",
+    "field mapping",
+    "csv import",
+    "data import mapper",
+    "map columns",
+    "destination field",
+    "source column",
+    "match fields",
+    "import preview",
+    "validation errors",
+    "import csv",
+    "hubspot import",
+    "stripe import",
+    "airtable import",
+    "header detection",
+    "auto match",
+    "skip column",
+    "bulk import",
+    "data migration",
+    "column to field mapping",
+    "header mapping",
+    "source to destination mapping",
+    "field mapper",
+    "csv mapping",
+    "field mapping step",
+    "destination column",
+    "target field",
+    "column mapping wizard"
+  ],
+  "related": [
+    "data-import-wizard",
+    "file-upload-form"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec",
+        "ftr"
+      ]
+    },
+    {
+      "id": "hdr",
+      "$fragment": "card-header-with-description",
+      "bindings": {
+        "heading": "Map your columns",
+        "description": "We detected 8 columns in customers.csv \u00b7 match each CSV column to a destination field. 6 of 8 auto-matched."
+      }
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "col"
+      ]
+    },
+    {
+      "id": "col",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "headers-label",
+        "headers-tags",
+        "divider",
+        "map-label",
+        "m1",
+        "m2",
+        "m3",
+        "m4",
+        "m5",
+        "notes",
+        "divider2",
+        "preview-alert"
+      ]
+    },
+    {
+      "id": "headers-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Detected CSV headers (248 rows, UTF-8):"
+    },
+    {
+      "id": "headers-tags",
+      "component": "Row",
+      "gap": "2",
+      "children": [
+        "t1",
+        "t2",
+        "t3",
+        "t4",
+        "t5",
+        "t6",
+        "t7",
+        "t8"
+      ]
+    },
+    {
+      "id": "t1",
+      "component": "Tag",
+      "text": "full_name"
+    },
+    {
+      "id": "t2",
+      "component": "Tag",
+      "text": "email_addr"
+    },
+    {
+      "id": "t3",
+      "component": "Tag",
+      "text": "company"
+    },
+    {
+      "id": "t4",
+      "component": "Tag",
+      "text": "phone_number"
+    },
+    {
+      "id": "t5",
+      "component": "Tag",
+      "text": "lifetime_value"
+    },
+    {
+      "id": "t6",
+      "component": "Tag",
+      "text": "signup_date"
+    },
+    {
+      "id": "t7",
+      "component": "Tag",
+      "text": "notes"
+    },
+    {
+      "id": "t8",
+      "component": "Tag",
+      "text": "internal_id"
+    },
+    {
+      "id": "divider",
+      "component": "Divider"
+    },
+    {
+      "id": "map-label",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Column mapping"
+    },
+    {
+      "id": "m1",
+      "$fragment": "labeled-input",
+      "bindings": {
+        "label": "full_name \u2192 Name",
+        "name": "map_full_name",
+        "placeholder": "Name"
+      }
+    },
+    {
+      "id": "m2",
+      "$fragment": "labeled-input",
+      "bindings": {
+        "label": "email_addr \u2192 Email",
+        "name": "map_email_addr",
+        "placeholder": "Email",
+        "type": "email"
+      }
+    },
+    {
+      "id": "m3",
+      "$fragment": "labeled-input",
+      "bindings": {
+        "label": "company \u2192 Company",
+        "name": "map_company",
+        "placeholder": "Company"
+      }
+    },
+    {
+      "id": "m4",
+      "$fragment": "labeled-input",
+      "bindings": {
+        "label": "phone_number \u2192 Phone",
+        "name": "map_phone",
+        "placeholder": "Phone"
+      }
+    },
+    {
+      "id": "m5",
+      "$fragment": "labeled-input",
+      "bindings": {
+        "label": "signup_date \u2192 Created at",
+        "name": "map_signup_date",
+        "placeholder": "Created at",
+        "type": "date"
+      }
+    },
+    {
+      "id": "notes",
+      "$fragment": "labeled-textarea",
+      "bindings": {
+        "label": "Import notes & validation overrides",
+        "name": "import_notes",
+        "placeholder": "Notes about unmapped columns (lifetime_value, notes), skip rules, and how to handle validation warnings.",
+        "rows": 3
+      }
+    },
+    {
+      "id": "divider2",
+      "component": "Divider"
+    },
+    {
+      "id": "preview-alert",
+      "component": "Alert",
+      "variant": "info",
+      "icon": "info",
+      "title": "Preview: 248 rows ready to import",
+      "description": "6 columns auto-matched \u00b7 2 unmapped (lifetime_value, notes) \u00b7 3 validation warnings found. Continue to review preview and validation errors."
+    },
+    {
+      "id": "ftr",
+      "$fragment": "footer-cancel-save",
+      "bindings": {
+        "cancelLabel": "Back",
+        "confirmLabel": "Preview import"
+      }
+    }
+  ]
+}

package/compositions/forms/date-time-picker-form.json

@@ -0,0 +1,23 @@
+{
+  "$schema": "../_schema.json",
+  "name": "date-time-picker-form",
+  "version": 1,
+  "kind": "composition",
+  "domain": "forms",
+  "description": "Date and time selection form — calendar picker plus time input for scheduling flows.",
+  "tags": { "purpose": ["scheduling", "date", "time"], "complexity": "simple", "layout": "single-column" },
+  "keywords": ["date picker", "time picker", "calendar", "schedule", "event", "booking"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Pick a date and time", "description": "All times in your local timezone." } },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "children": ["cal", "time"], "gap": "3" },
+    { "id": "cal", "component": "CalendarPicker", "name": "date" },
+    { "id": "time", "$fragment": "labeled-input",
+      "bindings": { "label": "Time", "name": "time", "type": "time", "placeholder": "14:30" } },
+    { "id": "ftr", "$fragment": "footer-cancel-save",
+      "bindings": { "cancelLabel": "Cancel", "confirmLabel": "Confirm" } }
+  ]
+}

package/compositions/forms/date-time-picker-form.yaml

@@ -0,0 +1,38 @@
+# 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/composition.yaml.schema.json
+kind: composition
+name: date-time-picker-form
+domain: forms
+description: >-
+  Date and time selection form — calendar picker plus time input for scheduling flows.
+keywords:
+  - date picker
+  - time picker
+  - calendar
+  - schedule
+  - event
+  - booking
+tags:
+  purpose:
+    - scheduling
+    - date
+    - time
+  complexity: simple
+  layout: single-column
+related: []
+fragments_used:
+  - fragment: card-header-with-description
+    prefix: ""
+  - fragment: labeled-input
+    prefix: ""
+  - fragment: footer-cancel-save
+    prefix: ""
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/forms/destructive-confirm.json

@@ -0,0 +1,43 @@
+{
+  "$schema": "../_schema.json",
+  "name": "destructive-confirm",
+  "version": 1,
+  "kind": "composition",
+  "domain": "forms",
+  "description": "Type-to-confirm destructive modal. User must type the workspace name or the word DELETE to enable the red confirmation button. Includes irreversibility copy, list of what will be deleted, and alternate cancel action.",
+  "tags": {
+    "purpose": ["confirmation", "destructive", "delete", "type-to-confirm", "modal"],
+    "complexity": "simple",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "destructive confirmation", "type to confirm", "type name to confirm",
+    "delete workspace", "delete account", "delete project",
+    "danger zone", "irreversible action", "cannot be undone",
+    "confirm delete", "red button", "delete modal",
+    "type DELETE", "confirmation token", "are you sure"
+  ],
+  "related": ["modal-dialog-form", "settings-page"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
+    { "id": "hdr", "$fragment": "card-header-with-description",
+      "bindings": { "heading": "Delete workspace \"acme-prod\"?", "description": "This permanently deletes acme-prod and all associated data. This action cannot be undone." } },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "gap": "4", "children": ["alert", "items-title", "items", "divider", "confirm-input", "reason-input"] },
+
+    { "id": "alert", "component": "Alert", "variant": "danger", "icon": "warning", "title": "This action is irreversible", "description": "32 projects, 14 members, and 4.2 GB of storage will be permanently deleted. You cannot recover this workspace." },
+    { "id": "items-title", "component": "Text", "variant": "caption", "textContent": "The following will be permanently deleted:" },
+    { "id": "items", "component": "Column", "gap": "1", "children": ["i1", "i2", "i3", "i4"] },
+    { "id": "i1", "$fragment": "icon-text-row", "bindings": { "icon": "x-circle", "label": "32 projects and all their files" } },
+    { "id": "i2", "$fragment": "icon-text-row", "bindings": { "icon": "x-circle", "label": "14 member accounts (workspace-scoped)" } },
+    { "id": "i3", "$fragment": "icon-text-row", "bindings": { "icon": "x-circle", "label": "287,402 activity log entries" } },
+    { "id": "i4", "$fragment": "icon-text-row", "bindings": { "icon": "x-circle", "label": "Billing history and invoices" } },
+    { "id": "divider", "component": "Divider" },
+    { "id": "confirm-input", "$fragment": "labeled-input", "bindings": { "label": "Type \"acme-prod\" to confirm workspace deletion", "name": "confirm", "placeholder": "acme-prod" } },
+    { "id": "reason-input", "$fragment": "labeled-textarea", "bindings": { "label": "Reason for deletion (optional)", "name": "deletion_reason", "placeholder": "Why are you deleting this workspace? This helps us improve.", "rows": 3 } },
+
+    { "id": "ftr", "$fragment": "footer-cancel-save",
+      "bindings": { "cancelLabel": "Cancel", "confirmLabel": "I understand, delete workspace" } }
+  ]
+}