@adia-ai/a2ui-corpus 0.0.1

package/patterns/forms/settings-page.json

@@ -0,0 +1,364 @@
+{
+  "$schema": "../_schema.json",
+  "name": "settings-page",
+  "version": 2,
+  "domain": "forms",
+  "description": "Settings page with profile, notifications, and appearance sections as cards.",
+  "tags": {
+    "purpose": [
+      "settings"
+    ],
+    "complexity": "complex",
+    "layout": "single-column",
+    "interaction": [
+      "form-submit"
+    ]
+  },
+  "keywords": [
+    "settings",
+    "preferences",
+    "config",
+    "account",
+    "configure",
+    "options",
+    "setup"
+  ],
+  "related": [
+    "login-form",
+    "create-form"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Column",
+      "children": [
+        "page-title",
+        "profile",
+        "notif",
+        "appearance",
+        "save-footer"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "page-title",
+      "component": "Text",
+      "textContent": "Settings",
+      "variant": "title"
+    },
+    {
+      "id": "profile",
+      "component": "Card",
+      "children": [
+        "p-hdr",
+        "p-sec"
+      ]
+    },
+    {
+      "id": "p-hdr",
+      "component": "Header",
+      "children": [
+        "p-title"
+      ]
+    },
+    {
+      "id": "p-title",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Profile",
+      "variant": "section"
+    },
+    {
+      "id": "p-sec",
+      "component": "Section",
+      "children": [
+        "p-col"
+      ]
+    },
+    {
+      "id": "p-col",
+      "component": "Column",
+      "children": [
+        "p-upload-field",
+        "p-name-field",
+        "p-email-field"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "p-upload-field",
+      "component": "Field",
+      "label": "Profile Photo",
+      "children": [
+        "p-upload"
+      ]
+    },
+    {
+      "id": "p-upload",
+      "component": "Upload",
+      "accept": "image/*"
+    },
+    {
+      "id": "p-name-field",
+      "component": "Field",
+      "label": "Full Name",
+      "children": [
+        "p-name"
+      ]
+    },
+    {
+      "id": "p-name",
+      "component": "Input",
+      "name": "name",
+      "placeholder": "Your name"
+    },
+    {
+      "id": "p-email-field",
+      "component": "Field",
+      "label": "Email",
+      "children": [
+        "p-email"
+      ]
+    },
+    {
+      "id": "p-email",
+      "component": "Input",
+      "name": "email",
+      "type": "email",
+      "placeholder": "you@example.com"
+    },
+    {
+      "id": "notif",
+      "component": "Card",
+      "children": [
+        "n-hdr",
+        "n-sec"
+      ]
+    },
+    {
+      "id": "n-hdr",
+      "component": "Header",
+      "children": [
+        "n-title"
+      ]
+    },
+    {
+      "id": "n-title",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Notifications",
+      "variant": "section"
+    },
+    {
+      "id": "n-sec",
+      "component": "Section",
+      "children": [
+        "n-col"
+      ]
+    },
+    {
+      "id": "n-col",
+      "component": "Column",
+      "children": [
+        "n-email",
+        "n-div",
+        "n-push"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "n-email",
+      "component": "Row",
+      "children": [
+        "n-email-label",
+        "n-email-toggle"
+      ]
+    },
+    {
+      "id": "n-email-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Email notifications"
+    },
+    {
+      "id": "n-email-toggle",
+      "component": "Toggle",
+      "name": "email-notif",
+      "label": "Email notifications"
+    },
+    {
+      "id": "n-div",
+      "component": "Divider"
+    },
+    {
+      "id": "n-push",
+      "component": "Row",
+      "children": [
+        "n-push-label",
+        "n-push-toggle"
+      ]
+    },
+    {
+      "id": "n-push-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Push notifications"
+    },
+    {
+      "id": "n-push-toggle",
+      "component": "Toggle",
+      "name": "push-notif",
+      "label": "Push notifications"
+    },
+    {
+      "id": "appearance",
+      "component": "Card",
+      "children": [
+        "a-hdr",
+        "a-sec"
+      ]
+    },
+    {
+      "id": "a-hdr",
+      "component": "Header",
+      "children": [
+        "a-title"
+      ]
+    },
+    {
+      "id": "a-title",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Appearance",
+      "variant": "section"
+    },
+    {
+      "id": "a-sec",
+      "component": "Section",
+      "children": [
+        "a-col"
+      ]
+    },
+    {
+      "id": "a-col",
+      "component": "Column",
+      "children": [
+        "a-theme-field",
+        "a-density-field"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "a-theme-field",
+      "component": "Field",
+      "label": "Theme",
+      "children": [
+        "a-theme"
+      ]
+    },
+    {
+      "id": "a-theme",
+      "component": "Select",
+      "name": "theme",
+      "placeholder": "Choose theme..."
+    },
+    {
+      "id": "a-density-field",
+      "component": "Field",
+      "label": "Density",
+      "children": [
+        "a-density"
+      ]
+    },
+    {
+      "id": "a-density",
+      "component": "Select",
+      "name": "density",
+      "placeholder": "Choose density..."
+    },
+    {
+      "id": "save-footer",
+      "component": "Footer",
+      "children": [
+        "save-row"
+      ]
+    },
+    {
+      "id": "save-row",
+      "component": "Row",
+      "children": [
+        "cancel-btn",
+        "save-btn"
+      ],
+      "gap": "2",
+      "justify": "end"
+    },
+    {
+      "id": "cancel-btn",
+      "component": "Button",
+      "text": "Cancel",
+      "variant": "ghost"
+    },
+    {
+      "id": "save-btn",
+      "component": "Button",
+      "text": "Save Changes",
+      "variant": "primary"
+    }
+  ],
+  "wiring": {
+    "controllers": [
+      {
+        "id": "settings-ctrl",
+        "type": "FormController",
+        "host": "root",
+        "config": {
+          "validateOn": "change"
+        },
+        "bind": {
+          "values": "/settings/values"
+        }
+      }
+    ],
+    "actions": [
+      {
+        "event": {
+          "event": "toggle",
+          "target": "n-email-toggle"
+        },
+        "handler": "submit-resource",
+        "config": {
+          "uri": "api://settings/notifications",
+          "method": "PATCH"
+        }
+      },
+      {
+        "event": {
+          "event": "toggle",
+          "target": "n-push-toggle"
+        },
+        "handler": "submit-resource",
+        "config": {
+          "uri": "api://settings/notifications",
+          "method": "PATCH"
+        }
+      },
+      {
+        "event": {
+          "event": "change",
+          "target": "a-theme"
+        },
+        "handler": "update-model",
+        "config": {
+          "path": "/settings/values/theme"
+        }
+      }
+    ],
+    "data": [
+      {
+        "uri": "api://settings/current",
+        "refresh": "once"
+      }
+    ]
+  }
+}

package/patterns/forms/settings-page.yaml

@@ -0,0 +1,64 @@
+# 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: settings-page
+domain: forms
+version: 1
+description: >-
+  Settings page with profile, notifications, and appearance sections as cards.
+tags:
+  purpose:
+    - settings
+  complexity: complex
+  layout: single-column
+  interaction:
+    - form-submit
+keywords:
+  - settings
+  - preferences
+  - config
+  - account
+  - configure
+  - options
+  - setup
+related:
+  - login-form
+  - create-form
+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: settings-ctrl
+      type: FormController
+      host: root
+  actions:
+    - event: toggle
+      target: n-email-toggle
+      handler: submit-resource
+    - event: toggle
+      target: n-push-toggle
+      handler: submit-resource
+    - event: change
+      target: a-theme
+      handler: update-model
+components:
+  - Column
+  - Text
+  - Card
+  - Header
+  - Section
+  - Upload
+  - Input
+  - Row
+  - Toggle
+  - Divider
+  - Select
+  - Footer
+  - Button

package/patterns/forms/slider-range.json

@@ -0,0 +1,119 @@
+{
+  "$schema": "../_schema.json",
+  "name": "slider-range",
+  "version": 2,
+  "domain": "forms",
+  "description": "Card with labeled slider components for adjusting values like volume, brightness, and contrast.",
+  "tags": {
+    "purpose": [
+      "data-entry",
+      "settings"
+    ],
+    "complexity": "simple",
+    "layout": "single-column",
+    "interaction": [
+      "range-select"
+    ]
+  },
+  "keywords": [
+    "slider",
+    "range",
+    "volume",
+    "brightness",
+    "control",
+    "adjust"
+  ],
+  "related": [
+    "theme-customizer",
+    "settings-page"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Audio & Display",
+      "variant": "section"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sliders"
+      ]
+    },
+    {
+      "id": "sliders",
+      "component": "Column",
+      "children": [
+        "volume-field",
+        "brightness-field",
+        "contrast-field"
+      ],
+      "gap": "6"
+    },
+    {
+      "id": "volume-field",
+      "component": "Field",
+      "label": "Volume",
+      "children": [
+        "volume"
+      ]
+    },
+    {
+      "id": "volume",
+      "component": "Slider",
+      "min": 0,
+      "max": 100,
+      "value": 75,
+      "name": "volume"
+    },
+    {
+      "id": "brightness-field",
+      "component": "Field",
+      "label": "Brightness",
+      "children": [
+        "brightness"
+      ]
+    },
+    {
+      "id": "brightness",
+      "component": "Slider",
+      "min": 0,
+      "max": 100,
+      "value": 50,
+      "name": "brightness"
+    },
+    {
+      "id": "contrast-field",
+      "component": "Field",
+      "label": "Contrast",
+      "children": [
+        "contrast"
+      ]
+    },
+    {
+      "id": "contrast",
+      "component": "Slider",
+      "min": 0,
+      "max": 100,
+      "value": 60,
+      "name": "contrast"
+    }
+  ]
+}

package/patterns/forms/slider-range.yaml

@@ -0,0 +1,45 @@
+# 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: slider-range
+domain: forms
+version: 1
+description: >-
+  Card with labeled slider components for adjusting values like volume, brightness, and contrast.
+tags:
+  purpose:
+    - data-entry
+    - settings
+  complexity: simple
+  layout: single-column
+  interaction:
+    - range-select
+keywords:
+  - slider
+  - range
+  - volume
+  - brightness
+  - control
+  - adjust
+related:
+  - theme-customizer
+  - settings-page
+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
+  - Slider