@adia-ai/a2ui-corpus 0.0.1

package/patterns/data/team-activity.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: team-activity
+domain: data
+version: 1
+description: >-
+  Activity feed card with avatar, description, and time badges.
+tags:
+  purpose:
+    - social
+    - scheduling
+  complexity: composed
+  layout: single-column
+  interaction: []
+keywords:
+  - team
+  - activity
+  - feed
+  - recent
+  - log
+related:
+  - social-post
+  - notifications
+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
+  - Row
+  - Avatar
+  - Badge
+  - Footer

package/patterns/forms/_domain.json

@@ -0,0 +1,32 @@
+{
+  "domain": "forms",
+  "description": "Form patterns for user input, authentication, settings, uploads, and data entry workflows.",
+  "routing_keywords": [
+    "form", "input", "login", "signin", "signup", "register", "settings",
+    "preferences", "config", "upload", "submit", "edit", "create", "otp",
+    "verification", "password", "email", "profile", "account", "import",
+    "date", "picker", "color", "field", "textarea", "checkbox", "toggle",
+    "select", "dropdown", "validation"
+  ],
+  "common_components": ["Card", "Header", "Section", "Footer", "Input", "Button", "Column"],
+  "composition_hints": {
+    "typical_root": "Card",
+    "typical_structure": "Card > Header + Section(inputs) + Footer(buttons)",
+    "common_pairs": [
+      ["Header", "Text[slot=heading]"],
+      ["Section", "Column > Input*"],
+      ["Footer", "Row > Button*"],
+      ["Input", "Button[type=submit]"]
+    ]
+  },
+  "patterns": [
+    "login-form",
+    "create-form",
+    "otp-form",
+    "image-upload-preview",
+    "date-picker",
+    "color-picker-panel",
+    "data-import",
+    "settings-page"
+  ]
+}

package/patterns/forms/auth-signup.json

@@ -0,0 +1,221 @@
+{
+  "$schema": "../_schema.json",
+  "name": "auth-signup",
+  "version": 2,
+  "domain": "forms",
+  "description": "Signup form with name, email, password, confirm password, terms checkbox, and submit button.",
+  "tags": {
+    "purpose": [
+      "authentication",
+      "data-entry"
+    ],
+    "complexity": "composed",
+    "layout": "single-column",
+    "interaction": [
+      "form-submit"
+    ]
+  },
+  "keywords": [
+    "signup",
+    "register",
+    "create account",
+    "auth",
+    "password",
+    "email"
+  ],
+  "related": [
+    "login-form",
+    "otp-form",
+    "create-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",
+      "textContent": "Create Account",
+      "variant": "section"
+    },
+    {
+      "id": "desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Sign up to get started"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "form"
+      ]
+    },
+    {
+      "id": "form",
+      "component": "Column",
+      "children": [
+        "name-field",
+        "email-field",
+        "password-field",
+        "confirm-password-field",
+        "terms-field"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "name-field",
+      "component": "Field",
+      "label": "Full Name",
+      "children": [
+        "name"
+      ]
+    },
+    {
+      "id": "name",
+      "component": "Input",
+      "placeholder": "Jane Doe",
+      "name": "name",
+      "required": true
+    },
+    {
+      "id": "email-field",
+      "component": "Field",
+      "label": "Email",
+      "children": [
+        "email"
+      ]
+    },
+    {
+      "id": "email",
+      "component": "Input",
+      "type": "email",
+      "name": "email",
+      "required": true,
+      "placeholder": "you@example.com"
+    },
+    {
+      "id": "password-field",
+      "component": "Field",
+      "label": "Password",
+      "children": [
+        "password"
+      ]
+    },
+    {
+      "id": "password",
+      "component": "Input",
+      "type": "password",
+      "name": "password",
+      "required": true
+    },
+    {
+      "id": "confirm-password-field",
+      "component": "Field",
+      "label": "Confirm Password",
+      "children": [
+        "confirm-password"
+      ]
+    },
+    {
+      "id": "confirm-password",
+      "component": "Input",
+      "type": "password",
+      "name": "confirmPassword",
+      "required": true
+    },
+    {
+      "id": "terms-field",
+      "component": "Field",
+      "label": "I agree to the Terms and Conditions",
+      "children": [
+        "terms"
+      ],
+      "inline": true
+    },
+    {
+      "id": "terms",
+      "component": "CheckBox",
+      "name": "terms",
+      "required": true
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "signup-btn"
+      ]
+    },
+    {
+      "id": "signup-btn",
+      "component": "Button",
+      "text": "Sign Up",
+      "variant": "primary",
+      "block": true,
+      "slot": "action"
+    }
+  ],
+  "wiring": {
+    "controllers": [
+      {
+        "id": "signup-ctrl",
+        "type": "FormController",
+        "host": "root",
+        "config": {
+          "validateOn": "submit"
+        },
+        "bind": {
+          "values": "/form/values",
+          "valid": "/form/valid"
+        }
+      }
+    ],
+    "actions": [
+      {
+        "event": {
+          "event": "press",
+          "target": "signup-btn"
+        },
+        "handler": "submit-resource",
+        "config": {
+          "uri": "api://auth/signup",
+          "method": "POST"
+        },
+        "onSuccess": [
+          {
+            "handler": "navigate",
+            "config": {
+              "navigate": "/onboarding"
+            }
+          }
+        ],
+        "onError": [
+          {
+            "handler": "notify",
+            "config": {
+              "message": "Signup failed. Please try again.",
+              "variant": "error"
+            }
+          }
+        ]
+      }
+    ]
+  }
+}

package/patterns/forms/auth-signup.yaml

@@ -0,0 +1,55 @@
+# 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: auth-signup
+domain: forms
+version: 1
+description: >-
+  Signup form with name, email, password, confirm password, terms checkbox, and submit button.
+tags:
+  purpose:
+    - authentication
+    - data-entry
+  complexity: composed
+  layout: single-column
+  interaction:
+    - form-submit
+keywords:
+  - signup
+  - register
+  - create account
+  - auth
+  - password
+  - email
+related:
+  - login-form
+  - otp-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: signup-ctrl
+      type: FormController
+      host: root
+  actions:
+    - event: press
+      target: signup-btn
+      handler: submit-resource
+components:
+  - Card
+  - Header
+  - Text
+  - Section
+  - Column
+  - Input
+  - CheckBox
+  - Footer
+  - Button

package/patterns/forms/bleed-design-settings.json

@@ -0,0 +1,201 @@
+{
+  "$schema": "../_schema.json",
+  "name": "bleed-design-settings",
+  "version": 2,
+  "domain": "forms",
+  "description": "Design system settings page with brand header, photo upload section, bleed/margin controls, and approval workflow.",
+  "tags": {
+    "purpose": [
+      "settings",
+      "design-system"
+    ],
+    "complexity": "complex",
+    "layout": "single-column",
+    "interaction": [
+      "form-submit",
+      "file-upload"
+    ]
+  },
+  "keywords": [
+    "bleed",
+    "design system",
+    "print settings",
+    "margin",
+    "photo upload",
+    "brand",
+    "approval",
+    "preview",
+    "edge control",
+    "trim",
+    "safe zone"
+  ],
+  "related": [
+    "settings-page",
+    "image-upload-preview",
+    "file-upload-form"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "photo-sec",
+        "settings-sec",
+        "ftr"
+      ]
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "hdr-title",
+        "hdr-desc"
+      ]
+    },
+    {
+      "id": "hdr-title",
+      "component": "Text",
+      "slot": "heading",
+      "textContent": "Bleed Design Settings",
+      "variant": "section"
+    },
+    {
+      "id": "hdr-desc",
+      "component": "Text",
+      "slot": "description",
+      "textContent": "Configure bleed margins, upload artwork, and preview before approval.",
+      "variant": "body"
+    },
+    {
+      "id": "photo-sec",
+      "component": "Section",
+      "children": [
+        "photo-col"
+      ]
+    },
+    {
+      "id": "photo-col",
+      "component": "Column",
+      "children": [
+        "photo-label",
+        "photo-img",
+        "photo-btn"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "photo-label",
+      "component": "Text",
+      "textContent": "Artwork Upload",
+      "variant": "label"
+    },
+    {
+      "id": "photo-img",
+      "component": "Image",
+      "src": "https://picsum.photos/400/200",
+      "aspect": "2/1"
+    },
+    {
+      "id": "photo-btn",
+      "component": "Button",
+      "text": "Upload Photo",
+      "variant": "secondary"
+    },
+    {
+      "id": "settings-sec",
+      "component": "Section",
+      "children": [
+        "settings-col"
+      ]
+    },
+    {
+      "id": "settings-col",
+      "component": "Column",
+      "children": [
+        "bleed-mode-field",
+        "bleed-margin-field",
+        "bleed-unit-field",
+        "approved-field"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "bleed-mode-field",
+      "component": "Field",
+      "label": "Bleed Mode",
+      "children": [
+        "bleed-mode"
+      ]
+    },
+    {
+      "id": "bleed-mode",
+      "component": "Select",
+      "name": "bleed-mode",
+      "placeholder": "Select mode..."
+    },
+    {
+      "id": "bleed-margin-field",
+      "component": "Field",
+      "label": "Bleed Margin",
+      "children": [
+        "bleed-margin"
+      ]
+    },
+    {
+      "id": "bleed-margin",
+      "component": "Input",
+      "name": "bleed-margin",
+      "type": "number",
+      "placeholder": "e.g. 3"
+    },
+    {
+      "id": "bleed-unit-field",
+      "component": "Field",
+      "label": "Unit",
+      "children": [
+        "bleed-unit"
+      ]
+    },
+    {
+      "id": "bleed-unit",
+      "component": "Select",
+      "name": "bleed-unit",
+      "placeholder": "mm"
+    },
+    {
+      "id": "approved-field",
+      "component": "Field",
+      "label": "Approved for production",
+      "children": [
+        "approved"
+      ],
+      "inline": true
+    },
+    {
+      "id": "approved",
+      "component": "CheckBox",
+      "name": "approved"
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "preview-btn",
+        "apply-btn"
+      ]
+    },
+    {
+      "id": "preview-btn",
+      "component": "Button",
+      "text": "Preview",
+      "variant": "secondary"
+    },
+    {
+      "id": "apply-btn",
+      "component": "Button",
+      "text": "Apply",
+      "variant": "primary"
+    }
+  ]
+}

package/patterns/forms/bleed-design-settings.yaml

@@ -0,0 +1,57 @@
+# 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: bleed-design-settings
+domain: forms
+version: 1
+description: >-
+  Design system settings page with brand header, photo upload section, bleed/margin controls, and approval workflow.
+tags:
+  purpose:
+    - settings
+    - design-system
+  complexity: complex
+  layout: single-column
+  interaction:
+    - form-submit
+    - file-upload
+keywords:
+  - bleed
+  - design system
+  - print settings
+  - margin
+  - photo upload
+  - brand
+  - approval
+  - preview
+  - edge control
+  - trim
+  - safe zone
+related:
+  - settings-page
+  - image-upload-preview
+  - file-upload-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
+  - Image
+  - Button
+  - Select
+  - Input
+  - CheckBox
+  - Footer

package/patterns/forms/color-picker-demo.json

@@ -0,0 +1,52 @@
+{
+  "$schema": "../_schema.json",
+  "name": "color-picker-demo",
+  "version": 1,
+  "domain": "forms",
+  "description": "Color picker card with a color picker component for selecting colors with swatches.",
+  "tags": {
+    "purpose": [
+      "data-entry",
+      "customization"
+    ],
+    "complexity": "simple",
+    "layout": "single-column",
+    "interaction": [
+      "selection"
+    ]
+  },
+  "keywords": [
+    "color",
+    "picker",
+    "swatch",
+    "palette",
+    "colour",
+    "select color"
+  ],
+  "related": [
+    "color-picker-panel",
+    "color-theme-builder",
+    "theme-customizer"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "sec"
+      ]
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "cp"
+      ]
+    },
+    {
+      "id": "cp",
+      "component": "ColorPicker",
+      "value": "#6366f1"
+    }
+  ]
+}

package/patterns/forms/color-picker-demo.yaml

@@ -0,0 +1,43 @@
+# 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: color-picker-demo
+domain: forms
+version: 1
+description: >-
+  Color picker card with a color picker component for selecting colors with swatches.
+tags:
+  purpose:
+    - data-entry
+    - customization
+  complexity: simple
+  layout: single-column
+  interaction:
+    - selection
+keywords:
+  - color
+  - picker
+  - swatch
+  - palette
+  - colour
+  - select color
+related:
+  - color-picker-panel
+  - color-theme-builder
+  - theme-customizer
+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
+  - ColorPicker