@adia-ai/a2ui-corpus 0.4.2 → 0.4.4

package/patterns/layout/badge-showcase.json

@@ -53,10 +53,6 @@
     {
       "id": "grid",
       "component": "Grid",
-      "attrs": {
-        "columns": 3,
-        "gap": "md"
-      },
       "children": [
         "col-default",
         "col-accent",
@@ -64,181 +60,147 @@
         "col-warning",
         "col-danger",
         "col-info"
-      ]
+      ],
+      "columns": 3,
+      "gap": "md"
     },
     {
       "id": "col-default",
       "component": "Column",
-      "attrs": {
-        "align": "center",
-        "gap": "xs"
-      },
       "children": [
         "badge-default",
         "label-default"
-      ]
+      ],
+      "align": "center",
+      "gap": "xs"
     },
     {
       "id": "badge-default",
       "component": "Badge",
-      "attrs": {
-        "variant": "default"
-      },
-      "content": "Default"
+      "variant": "default",
+      "text": "Default"
     },
     {
       "id": "label-default",
       "component": "Text",
-      "attrs": {
-        "variant": "caption",
-        "muted": true
-      },
-      "content": "default"
+      "variant": "caption",
+      "textContent": "default",
+      "color": "muted"
     },
     {
       "id": "col-accent",
       "component": "Column",
-      "attrs": {
-        "align": "center",
-        "gap": "xs"
-      },
       "children": [
         "badge-accent",
         "label-accent"
-      ]
+      ],
+      "align": "center",
+      "gap": "xs"
     },
     {
       "id": "badge-accent",
       "component": "Badge",
-      "attrs": {
-        "variant": "accent"
-      },
-      "content": "Accent"
+      "variant": "accent",
+      "text": "Accent"
     },
     {
       "id": "label-accent",
       "component": "Text",
-      "attrs": {
-        "variant": "caption",
-        "muted": true
-      },
-      "content": "accent"
+      "variant": "caption",
+      "textContent": "accent",
+      "color": "muted"
     },
     {
       "id": "col-success",
       "component": "Column",
-      "attrs": {
-        "align": "center",
-        "gap": "xs"
-      },
       "children": [
         "badge-success",
         "label-success"
-      ]
+      ],
+      "align": "center",
+      "gap": "xs"
     },
     {
       "id": "badge-success",
       "component": "Badge",
-      "attrs": {
-        "variant": "success"
-      },
-      "content": "Success"
+      "variant": "success",
+      "text": "Success"
     },
     {
       "id": "label-success",
       "component": "Text",
-      "attrs": {
-        "variant": "caption",
-        "muted": true
-      },
-      "content": "success"
+      "variant": "caption",
+      "textContent": "success",
+      "color": "muted"
     },
     {
       "id": "col-warning",
       "component": "Column",
-      "attrs": {
-        "align": "center",
-        "gap": "xs"
-      },
       "children": [
         "badge-warning",
         "label-warning"
-      ]
+      ],
+      "align": "center",
+      "gap": "xs"
     },
     {
       "id": "badge-warning",
       "component": "Badge",
-      "attrs": {
-        "variant": "warning"
-      },
-      "content": "Warning"
+      "variant": "warning",
+      "text": "Warning"
     },
     {
       "id": "label-warning",
       "component": "Text",
-      "attrs": {
-        "variant": "caption",
-        "muted": true
-      },
-      "content": "warning"
+      "variant": "caption",
+      "textContent": "warning",
+      "color": "muted"
     },
     {
       "id": "col-danger",
       "component": "Column",
-      "attrs": {
-        "align": "center",
-        "gap": "xs"
-      },
       "children": [
         "badge-danger",
         "label-danger"
-      ]
+      ],
+      "align": "center",
+      "gap": "xs"
     },
     {
       "id": "badge-danger",
       "component": "Badge",
-      "attrs": {
-        "variant": "danger"
-      },
-      "content": "Danger"
+      "variant": "danger",
+      "text": "Danger"
     },
     {
       "id": "label-danger",
       "component": "Text",
-      "attrs": {
-        "variant": "caption",
-        "muted": true
-      },
-      "content": "danger"
+      "variant": "caption",
+      "textContent": "danger",
+      "color": "muted"
     },
     {
       "id": "col-info",
       "component": "Column",
-      "attrs": {
-        "align": "center",
-        "gap": "xs"
-      },
       "children": [
         "badge-info",
         "label-info"
-      ]
+      ],
+      "align": "center",
+      "gap": "xs"
     },
     {
       "id": "badge-info",
       "component": "Badge",
-      "attrs": {
-        "variant": "info"
-      },
-      "content": "Info"
+      "variant": "info",
+      "text": "Info"
     },
     {
       "id": "label-info",
       "component": "Text",
-      "attrs": {
-        "variant": "caption",
-        "muted": true
-      },
-      "content": "info"
+      "variant": "caption",
+      "textContent": "info",
+      "color": "muted"
     }
   ]
 }

package/patterns/layout/code-block.json

@@ -53,20 +53,16 @@
     {
       "id": "lang-badge",
       "component": "Badge",
-      "attrs": {
-        "variant": "default"
-      },
-      "content": "TypeScript"
+      "variant": "default",
+      "text": "TypeScript"
     },
     {
       "id": "copy-btn",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost",
-        "icon": "copy",
-        "size": "sm",
-        "aria-label": "Copy code"
-      }
+      "variant": "ghost",
+      "icon": "copy",
+      "size": "sm",
+      "aria-label": "Copy code"
     },
     {
       "id": "body",
@@ -78,11 +74,9 @@
     {
       "id": "code",
       "component": "Code",
-      "attrs": {
-        "language": "typescript",
-        "showLineNumbers": true
-      },
-      "content": "import { render } from '@a2ui/core';\n\nconst App = () => {\n  return render({\n    component: 'Card',\n    children: ['Hello, world!']\n  });\n};"
+      "language": "typescript",
+      "lineNumbers": true,
+      "text": "import { render } from '@a2ui/core';\n\nconst App = () => {\n  return render({\n    component: 'Card',\n    children: ['Hello, world!']\n  });\n};"
     }
   ]
 }

package/patterns/layout/cta-banner.json

@@ -55,11 +55,9 @@
     {
       "id": "detail",
       "component": "Text",
-      "attrs": {
-        "variant": "body",
-        "muted": true
-      },
-      "content": "Start your 14-day free trial today. No credit card required."
+      "variant": "body",
+      "textContent": "Start your 14-day free trial today. No credit card required.",
+      "color": "muted"
     },
     {
       "id": "ftr",
@@ -71,29 +69,23 @@
     {
       "id": "actions",
       "component": "Row",
-      "attrs": {
-        "gap": "md"
-      },
       "children": [
         "btn-start",
         "btn-learn"
-      ]
+      ],
+      "gap": "md"
     },
     {
       "id": "btn-start",
       "component": "Button",
-      "attrs": {
-        "variant": "primary"
-      },
-      "content": "Start Free Trial"
+      "variant": "primary",
+      "text": "Start Free Trial"
     },
     {
       "id": "btn-learn",
       "component": "Button",
-      "attrs": {
-        "variant": "ghost"
-      },
-      "content": "Learn More"
+      "variant": "ghost",
+      "text": "Learn More"
     }
   ]
 }

package/patterns/layout/divider-label.json

@@ -31,15 +31,13 @@
     {
       "id": "root",
       "component": "Row",
-      "attrs": {
-        "align": "center",
-        "gap": "md"
-      },
       "children": [
         "line-left",
         "label",
         "line-right"
-      ]
+      ],
+      "align": "center",
+      "gap": "md"
     },
     {
       "id": "line-left",
@@ -51,11 +49,9 @@
     {
       "id": "label",
       "component": "Text",
-      "attrs": {
-        "variant": "caption",
-        "muted": true
-      },
-      "content": "or continue with"
+      "variant": "caption",
+      "textContent": "or continue with",
+      "color": "muted"
     },
     {
       "id": "line-right",

package/patterns/layout/drawer-panel.json

@@ -52,12 +52,9 @@
     {
       "id": "trigger-btn",
       "component": "Button",
-      "attrs": {
-        "variant": "primary",
-        "icon": "plus",
-        "triggers": "drawer"
-      },
-      "content": "New Project"
+      "variant": "primary",
+      "icon": "plus",
+      "text": "New Project"
     },
     {
       "id": "card-body",
@@ -69,24 +66,20 @@
     {
       "id": "empty",
       "component": "EmptyState",
-      "attrs": {
-        "icon": "folder",
-        "heading": "No projects yet",
-        "description": "Create your first project to get started."
-      }
+      "icon": "folder",
+      "heading": "No projects yet",
+      "description": "Create your first project to get started."
     },
     {
       "id": "drawer",
       "component": "Drawer",
-      "attrs": {
-        "side": "right",
-        "title": "Create Project"
-      },
       "children": [
         "drawer-hdr",
         "drawer-body",
         "drawer-ftr"
-      ]
+      ],
+      "side": "right",
+      "text": "Create Project"
     },
     {
       "id": "drawer-hdr",
@@ -106,40 +99,32 @@
     {
       "id": "drawer-form",
       "component": "Column",
-      "attrs": {
-        "gap": "md"
-      },
       "children": [
         "field-name",
         "field-desc",
         "field-category",
         "field-visibility"
-      ]
+      ],
+      "gap": "md"
     },
     {
       "id": "field-name",
       "component": "Input",
-      "attrs": {
-        "label": "Project Name",
-        "placeholder": "My Awesome Project",
-        "required": true
-      }
+      "label": "Project Name",
+      "placeholder": "My Awesome Project",
+      "required": true
     },
     {
       "id": "field-desc",
       "component": "TextArea",
-      "attrs": {
-        "label": "Description",
-        "placeholder": "Describe your project...",
-        "rows": 4
-      }
+      "label": "Description",
+      "placeholder": "Describe your project...",
+      "rows": 4
     },
     {
       "id": "field-category",
       "component": "Select",
       "attrs": {
-        "label": "Category",
-        "placeholder": "Select a category",
         "options": [
           {
             "label": "Web Application",
@@ -158,14 +143,14 @@
             "value": "library"
           }
         ]
-      }
+      },
+      "label": "Category",
+      "placeholder": "Select a category"
     },
     {
       "id": "field-visibility",
       "component": "Select",
       "attrs": {
-        "label": "Visibility",
-        "placeholder": "Select visibility",
         "options": [
           {
             "label": "Public",
@@ -180,7 +165,9 @@
             "value": "team"
           }
         ]
-      }
+      },
+      "label": "Visibility",
+      "placeholder": "Select visibility"
     },
     {
       "id": "drawer-ftr",
@@ -192,29 +179,23 @@
     {
       "id": "drawer-actions",
       "component": "Row",
-      "attrs": {
-        "gap": "sm"
-      },
       "children": [
         "cancel-btn",
         "create-btn"
-      ]
+      ],
+      "gap": "sm"
     },
     {
       "id": "cancel-btn",
       "component": "Button",
-      "attrs": {
-        "variant": "outline"
-      },
-      "content": "Cancel"
+      "variant": "outline",
+      "text": "Cancel"
     },
     {
       "id": "create-btn",
       "component": "Button",
-      "attrs": {
-        "variant": "primary"
-      },
-      "content": "Create Project"
+      "variant": "primary",
+      "text": "Create Project"
     }
   ]
 }

package/patterns/layout/embed-content.json

@@ -59,12 +59,12 @@
       "id": "video",
       "component": "Embed",
       "attrs": {
-        "src": "https://www.youtube.com/embed/dQw4w9WgXcQ",
         "type": "video",
-        "aspectRatio": "16:9",
-        "title": "Product demo video",
         "allowFullscreen": true
-      }
+      },
+      "src": "https://www.youtube.com/embed/dQw4w9WgXcQ",
+      "aspect": "16:9",
+      "title": "Product demo video"
     },
     {
       "id": "caption-sec",
@@ -76,11 +76,9 @@
     {
       "id": "caption",
       "component": "Text",
-      "attrs": {
-        "variant": "caption",
-        "muted": true
-      },
-      "content": "Duration: 3:24 · Last updated January 2025"
+      "variant": "caption",
+      "textContent": "Duration: 3:24 \u00b7 Last updated January 2025",
+      "color": "muted"
     }
   ]
 }

package/patterns/layout/feature-carousel.json

@@ -78,14 +78,14 @@
     {
       "id": "title-1",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "Lightning Fast"
+      "textContent": "Lightning Fast",
+      "strong": true
     },
     {
       "id": "desc-1",
       "component": "Text",
-      "color": "subtle",
-      "textContent": "Sub-millisecond render times with zero dependencies."
+      "textContent": "Sub-millisecond render times with zero dependencies.",
+      "variant": "caption"
     },
     {
       "id": "slide-2",
@@ -121,14 +121,14 @@
     {
       "id": "title-2",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "Fully Themeable"
+      "textContent": "Fully Themeable",
+      "strong": true
     },
     {
       "id": "desc-2",
       "component": "Text",
-      "color": "subtle",
-      "textContent": "Design tokens let you reskin your entire app in minutes."
+      "textContent": "Design tokens let you reskin your entire app in minutes.",
+      "variant": "caption"
     },
     {
       "id": "slide-3",
@@ -164,14 +164,14 @@
     {
       "id": "title-3",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "Accessible"
+      "textContent": "Accessible",
+      "strong": true
     },
     {
       "id": "desc-3",
       "component": "Text",
-      "color": "subtle",
-      "textContent": "WAI-ARIA patterns baked in. Keyboard nav works out of the box."
+      "textContent": "WAI-ARIA patterns baked in. Keyboard nav works out of the box.",
+      "variant": "caption"
     },
     {
       "id": "slide-4",
@@ -207,14 +207,14 @@
     {
       "id": "title-4",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "Simple API"
+      "textContent": "Simple API",
+      "strong": true
     },
     {
       "id": "desc-4",
       "component": "Text",
-      "color": "subtle",
-      "textContent": "Light DOM, reflected properties, and predictable patterns."
+      "textContent": "Light DOM, reflected properties, and predictable patterns.",
+      "variant": "caption"
     },
     {
       "id": "slide-5",
@@ -250,14 +250,14 @@
     {
       "id": "title-5",
       "component": "Text",
-      "weight": "semibold",
-      "textContent": "Responsive"
+      "textContent": "Responsive",
+      "strong": true
     },
     {
       "id": "desc-5",
       "component": "Text",
-      "color": "subtle",
-      "textContent": "Container queries adapt layouts to any viewport size."
+      "textContent": "Container queries adapt layouts to any viewport size.",
+      "variant": "caption"
     }
   ]
 }