@adia-ai/a2ui-corpus 0.4.6 → 0.4.8

package/patterns/forms/radio-group-selection.yaml

@@ -1,51 +0,0 @@
-# Narrative doc — JSON sibling remains the canonical machine source.
-
-$schema: ../../../../../scripts/schemas/pattern.yaml.schema.json
-name: radio-group-selection
-domain: forms
-version: 1
-description: >-
-  Standalone radio button group for single-choice selection. Minimal Card with
-  a heading and a column of radio options plus a primary submit button.
-intent: >-
-  Teach the retrieval engine the generic "radio button group" intent — a plain
-  single-select list of 3–5 radio options, with no pricing, plan, or marketing
-  chrome.
-when-to-use:
-  - User must pick exactly one value from a small, mutually-exclusive set.
-  - A survey question, settings option, or simple preference chooser.
-  - Anywhere the phrase "radio group", "pick one", or "select one" fits.
-variations:
-  - name: inline-radio-group
-    description: Swap Column for Row when options are short (Yes / No / Maybe).
-  - name: radio-with-descriptions
-    description: Each Radio followed by a caption Text for extra context.
-  - name: auto-submit
-    description: Remove footer button; emit on-change to submit immediately.
-anti-patterns:
-  - Do not wrap this in pricing-tier / plan-card layout — that is the
-    `radio-group` pattern (pricing flavour), not this generic one.
-  - Do not mix Checkboxes into the same group — Checkboxes imply multi-select.
-  - Avoid more than ~6 options; use a Select dropdown instead.
-keywords:
-  - radio
-  - radio button
-  - radio group
-  - single choice
-  - select one
-  - options
-  - pick one
-  - choice
-related:
-  - create-form
-  - login-form
-  - settings-page
-components:
-  - Card
-  - Header
-  - Text
-  - Section
-  - Column
-  - Radio
-  - Footer
-  - Button

package/patterns/forms/radio-group.json

@@ -1,119 +0,0 @@
-{
-  "$schema": "../_schema.json",
-  "name": "radio-group",
-  "version": 2,
-  "domain": "forms",
-  "description": "Card with radio group for plan selection: Basic, Pro, and Enterprise tiers.",
-  "tags": {
-    "purpose": [
-      "data-entry",
-      "selection"
-    ],
-    "complexity": "simple",
-    "layout": "single-column",
-    "interaction": [
-      "form-submit",
-      "single-select"
-    ]
-  },
-  "keywords": [
-    "radio",
-    "plan",
-    "pricing",
-    "select",
-    "tier",
-    "basic",
-    "pro",
-    "enterprise"
-  ],
-  "related": [
-    "settings-page",
-    "create-form"
-  ],
-  "template": [
-    {
-      "id": "root",
-      "component": "Card",
-      "children": [
-        "hdr",
-        "sec",
-        "ftr"
-      ]
-    },
-    {
-      "id": "hdr",
-      "component": "Header",
-      "children": [
-        "title",
-        "desc"
-      ]
-    },
-    {
-      "id": "title",
-      "component": "Text",
-      "slot": "heading",
-      "textContent": "Choose a Plan",
-      "variant": "section"
-    },
-    {
-      "id": "desc",
-      "component": "Text",
-      "slot": "description",
-      "variant": "caption",
-      "textContent": "Select the plan that works best for you"
-    },
-    {
-      "id": "sec",
-      "component": "Section",
-      "children": [
-        "options"
-      ]
-    },
-    {
-      "id": "options",
-      "component": "Column",
-      "children": [
-        "basic",
-        "pro",
-        "enterprise"
-      ],
-      "gap": "3"
-    },
-    {
-      "id": "basic",
-      "component": "Radio",
-      "value": "basic",
-      "name": "plan",
-      "label": "Basic \u2014 $9/mo"
-    },
-    {
-      "id": "pro",
-      "component": "Radio",
-      "value": "pro",
-      "name": "plan",
-      "label": "Pro \u2014 $29/mo"
-    },
-    {
-      "id": "enterprise",
-      "component": "Radio",
-      "value": "enterprise",
-      "name": "plan",
-      "label": "Enterprise \u2014 $99/mo"
-    },
-    {
-      "id": "ftr",
-      "component": "Footer",
-      "children": [
-        "confirm-btn"
-      ]
-    },
-    {
-      "id": "confirm-btn",
-      "component": "Button",
-      "text": "Confirm Plan",
-      "variant": "primary",
-      "slot": "action",
-      "stretch": true
-    }
-  ]
-}

package/patterns/forms/radio-group.yaml

@@ -1,50 +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: radio-group
-domain: forms
-version: 1
-description: >-
-  Card with radio group for plan selection: Basic, Pro, and Enterprise tiers.
-tags:
-  purpose:
-    - data-entry
-    - selection
-  complexity: simple
-  layout: single-column
-  interaction:
-    - form-submit
-    - single-select
-keywords:
-  - radio
-  - plan
-  - pricing
-  - select
-  - tier
-  - basic
-  - pro
-  - enterprise
-related:
-  - settings-page
-  - 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
-  - Radio
-  - Footer
-  - Button

package/patterns/forms/search-filters.json

@@ -1,201 +0,0 @@
-{
-  "$schema": "../_schema.json",
-  "name": "search-filters",
-  "version": 2,
-  "domain": "forms",
-  "description": "Card with search input, filter select dropdowns, and apply button.",
-  "tags": {
-    "purpose": [
-      "search",
-      "filtering"
-    ],
-    "complexity": "composed",
-    "layout": "single-column",
-    "interaction": [
-      "form-submit",
-      "search",
-      "filter"
-    ]
-  },
-  "keywords": [
-    "search",
-    "filter",
-    "query",
-    "find",
-    "category",
-    "sort"
-  ],
-  "related": [
-    "data-table-view",
-    "inventory-table"
-  ],
-  "template": [
-    {
-      "id": "root",
-      "component": "Card",
-      "children": [
-        "hdr",
-        "sec",
-        "ftr"
-      ]
-    },
-    {
-      "id": "hdr",
-      "component": "Header",
-      "children": [
-        "title"
-      ]
-    },
-    {
-      "id": "title",
-      "component": "Text",
-      "slot": "heading",
-      "textContent": "Search & Filter",
-      "variant": "section"
-    },
-    {
-      "id": "sec",
-      "component": "Section",
-      "children": [
-        "fields"
-      ]
-    },
-    {
-      "id": "fields",
-      "component": "Column",
-      "children": [
-        "search-field",
-        "filters-row"
-      ],
-      "gap": "4"
-    },
-    {
-      "id": "search-field",
-      "component": "Field",
-      "label": "Search",
-      "children": [
-        "search"
-      ]
-    },
-    {
-      "id": "search",
-      "component": "Input",
-      "placeholder": "Type to search...",
-      "name": "query",
-      "type": "search"
-    },
-    {
-      "id": "filters-row",
-      "component": "Row",
-      "children": [
-        "category-field",
-        "status-field",
-        "sort-field"
-      ],
-      "gap": "3"
-    },
-    {
-      "id": "category-field",
-      "component": "Field",
-      "label": "Category",
-      "children": [
-        "category"
-      ]
-    },
-    {
-      "id": "category",
-      "component": "Select",
-      "placeholder": "All categories",
-      "name": "category"
-    },
-    {
-      "id": "status-field",
-      "component": "Field",
-      "label": "Status",
-      "children": [
-        "status"
-      ]
-    },
-    {
-      "id": "status",
-      "component": "Select",
-      "placeholder": "Any status",
-      "name": "status"
-    },
-    {
-      "id": "sort-field",
-      "component": "Field",
-      "label": "Sort by",
-      "children": [
-        "sort"
-      ]
-    },
-    {
-      "id": "sort",
-      "component": "Select",
-      "placeholder": "Relevance",
-      "name": "sort"
-    },
-    {
-      "id": "ftr",
-      "component": "Footer",
-      "children": [
-        "reset-btn",
-        "apply-btn"
-      ]
-    },
-    {
-      "id": "reset-btn",
-      "component": "Button",
-      "text": "Reset",
-      "variant": "ghost"
-    },
-    {
-      "id": "apply-btn",
-      "component": "Button",
-      "text": "Apply Filters",
-      "variant": "primary"
-    }
-  ],
-  "wiring": {
-    "controllers": [
-      {
-        "id": "filter-ctrl",
-        "type": "FormController",
-        "host": "root",
-        "bind": {
-          "values": "/filters/values"
-        }
-      }
-    ],
-    "actions": [
-      {
-        "event": {
-          "event": "press",
-          "target": "apply-btn"
-        },
-        "handler": "refresh-source",
-        "config": {
-          "source": "search-results"
-        }
-      },
-      {
-        "event": {
-          "event": "press",
-          "target": "reset-btn"
-        },
-        "handler": "update-model",
-        "config": {
-          "path": "/filters/values",
-          "value": {}
-        }
-      }
-    ],
-    "data": [
-      {
-        "uri": "api://search/results",
-        "refresh": "on-action"
-      }
-    ]
-  }
-}

package/patterns/forms/search-filters.yaml

@@ -1,60 +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: search-filters
-domain: forms
-version: 1
-description: >-
-  Card with search input, filter select dropdowns, and apply button.
-tags:
-  purpose:
-    - search
-    - filtering
-  complexity: composed
-  layout: single-column
-  interaction:
-    - form-submit
-    - search
-    - filter
-keywords:
-  - search
-  - filter
-  - query
-  - find
-  - category
-  - sort
-related:
-  - data-table-view
-  - inventory-table
-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: filter-ctrl
-      type: FormController
-      host: root
-  actions:
-    - event: press
-      target: apply-btn
-      handler: refresh-source
-    - event: press
-      target: reset-btn
-      handler: update-model
-components:
-  - Card
-  - Header
-  - Text
-  - Section
-  - Column
-  - Input
-  - Row
-  - Select
-  - Footer
-  - Button

package/patterns/forms/slider-range.json

@@ -1,119 +0,0 @@
-{
-  "$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

@@ -1,45 +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: 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