@adia-ai/a2ui-corpus 0.0.1

package/exemplars/prose/feature-grid/a2ui.json

@@ -0,0 +1,464 @@
+{
+  "id": "prose-feature-grid",
+  "type": "page",
+  "description": "Feature grid marketing sections",
+  "domain": "layout",
+  "tags": [
+    "prose-feature-grid",
+    "section",
+    "column",
+    "header",
+    "text",
+    "grid",
+    "card",
+    "layout",
+    "lightning",
+    "fast",
+    "type",
+    "safe",
+    "themeable",
+    "composable",
+    "accessible",
+    "tiny",
+    "bundle"
+  ],
+  "keywords": [
+    "prose-feature-grid",
+    "section",
+    "column",
+    "header",
+    "text",
+    "grid",
+    "card",
+    "layout"
+  ],
+  "source": "exemplars/prose/feature-grid/index.html",
+  "components": [
+    "Section",
+    "Column",
+    "Header",
+    "Text",
+    "Grid",
+    "Card",
+    "Icon"
+  ],
+  "template": [
+    {
+      "id": "section-1",
+      "component": "Section",
+      "children": [
+        "column-2"
+      ],
+      "prose": true
+    },
+    {
+      "id": "column-2",
+      "component": "Column",
+      "children": [
+        "header-3",
+        "grid-8"
+      ],
+      "gap": "12"
+    },
+    {
+      "id": "header-3",
+      "component": "Header",
+      "children": [
+        "column-4"
+      ],
+      "align": "center"
+    },
+    {
+      "id": "column-4",
+      "component": "Column",
+      "children": [
+        "text-5",
+        "text-6",
+        "text-7"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "kicker",
+      "textContent": "Features"
+    },
+    {
+      "id": "text-6",
+      "component": "Text",
+      "variant": "display",
+      "nomargin": true,
+      "textContent": "Everything you need"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "variant": "deck",
+      "nomargin": true,
+      "textContent": "A comprehensive set of tools designed to accelerate your workflow."
+    },
+    {
+      "id": "grid-8",
+      "component": "Grid",
+      "children": [
+        "card-9",
+        "card-17",
+        "card-25",
+        "card-33",
+        "card-41",
+        "card-49"
+      ],
+      "columns": "3",
+      "gap": "4"
+    },
+    {
+      "id": "card-9",
+      "component": "Card",
+      "children": [
+        "header-10",
+        "section-15"
+      ]
+    },
+    {
+      "id": "header-10",
+      "component": "Header",
+      "children": [
+        "text-11",
+        "text-13"
+      ]
+    },
+    {
+      "id": "text-11",
+      "component": "Text",
+      "children": [
+        "icon-12"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "icon-12",
+      "component": "Icon",
+      "name": "lightning",
+      "color": "accent"
+    },
+    {
+      "id": "text-13",
+      "component": "Text",
+      "children": [
+        "text-14"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-14",
+      "component": "Text",
+      "textContent": "Lightning Fast"
+    },
+    {
+      "id": "section-15",
+      "component": "Section",
+      "children": [
+        "text-16"
+      ]
+    },
+    {
+      "id": "text-16",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Sub-millisecond renders with zero virtual DOM overhead."
+    },
+    {
+      "id": "card-17",
+      "component": "Card",
+      "children": [
+        "header-18",
+        "section-23"
+      ]
+    },
+    {
+      "id": "header-18",
+      "component": "Header",
+      "children": [
+        "text-19",
+        "text-21"
+      ]
+    },
+    {
+      "id": "text-19",
+      "component": "Text",
+      "children": [
+        "icon-20"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "icon-20",
+      "component": "Icon",
+      "name": "shield",
+      "color": "info"
+    },
+    {
+      "id": "text-21",
+      "component": "Text",
+      "children": [
+        "text-22"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-22",
+      "component": "Text",
+      "textContent": "Type Safe"
+    },
+    {
+      "id": "section-23",
+      "component": "Section",
+      "children": [
+        "text-24"
+      ]
+    },
+    {
+      "id": "text-24",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Full TypeScript support with strict component contracts."
+    },
+    {
+      "id": "card-25",
+      "component": "Card",
+      "children": [
+        "header-26",
+        "section-31"
+      ]
+    },
+    {
+      "id": "header-26",
+      "component": "Header",
+      "children": [
+        "text-27",
+        "text-29"
+      ]
+    },
+    {
+      "id": "text-27",
+      "component": "Text",
+      "children": [
+        "icon-28"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "icon-28",
+      "component": "Icon",
+      "name": "palette",
+      "color": "success"
+    },
+    {
+      "id": "text-29",
+      "component": "Text",
+      "children": [
+        "text-30"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-30",
+      "component": "Text",
+      "textContent": "Themeable"
+    },
+    {
+      "id": "section-31",
+      "component": "Section",
+      "children": [
+        "text-32"
+      ]
+    },
+    {
+      "id": "text-32",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Design tokens cascade seamlessly for effortless theming."
+    },
+    {
+      "id": "card-33",
+      "component": "Card",
+      "children": [
+        "header-34",
+        "section-39"
+      ]
+    },
+    {
+      "id": "header-34",
+      "component": "Header",
+      "children": [
+        "text-35",
+        "text-37"
+      ]
+    },
+    {
+      "id": "text-35",
+      "component": "Text",
+      "children": [
+        "icon-36"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "icon-36",
+      "component": "Icon",
+      "name": "puzzle-piece",
+      "color": "warning"
+    },
+    {
+      "id": "text-37",
+      "component": "Text",
+      "children": [
+        "text-38"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-38",
+      "component": "Text",
+      "textContent": "Composable"
+    },
+    {
+      "id": "section-39",
+      "component": "Section",
+      "children": [
+        "text-40"
+      ]
+    },
+    {
+      "id": "text-40",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Mix and match components like building blocks."
+    },
+    {
+      "id": "card-41",
+      "component": "Card",
+      "children": [
+        "header-42",
+        "section-47"
+      ]
+    },
+    {
+      "id": "header-42",
+      "component": "Header",
+      "children": [
+        "text-43",
+        "text-45"
+      ]
+    },
+    {
+      "id": "text-43",
+      "component": "Text",
+      "children": [
+        "icon-44"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "icon-44",
+      "component": "Icon",
+      "name": "eye",
+      "color": "accent"
+    },
+    {
+      "id": "text-45",
+      "component": "Text",
+      "children": [
+        "text-46"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-46",
+      "component": "Text",
+      "textContent": "Accessible"
+    },
+    {
+      "id": "section-47",
+      "component": "Section",
+      "children": [
+        "text-48"
+      ]
+    },
+    {
+      "id": "text-48",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "WCAG 2.1 AA compliant with full keyboard navigation."
+    },
+    {
+      "id": "card-49",
+      "component": "Card",
+      "children": [
+        "header-50",
+        "section-55"
+      ]
+    },
+    {
+      "id": "header-50",
+      "component": "Header",
+      "children": [
+        "text-51",
+        "text-53"
+      ]
+    },
+    {
+      "id": "text-51",
+      "component": "Text",
+      "children": [
+        "icon-52"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "icon-52",
+      "component": "Icon",
+      "name": "package",
+      "color": "info"
+    },
+    {
+      "id": "text-53",
+      "component": "Text",
+      "children": [
+        "text-54"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-54",
+      "component": "Text",
+      "textContent": "Tiny Bundle"
+    },
+    {
+      "id": "section-55",
+      "component": "Section",
+      "children": [
+        "text-56"
+      ]
+    },
+    {
+      "id": "text-56",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Under 8kb gzipped with tree-shaking support."
+    }
+  ]
+}

package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-1.json

@@ -0,0 +1,72 @@
+{
+  "id": "prose-feature-grid-card-1",
+  "type": "chunk",
+  "source": "exemplars/prose/feature-grid/index.html",
+  "components": [
+    "Card",
+    "Header",
+    "Section",
+    "Text",
+    "Icon"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header-1",
+        "section-2"
+      ]
+    },
+    {
+      "id": "header-1",
+      "component": "Header",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "children": [
+        "icon-6"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "children": [
+        "text-7"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Sub-millisecond renders with zero virtual DOM overhead."
+    },
+    {
+      "id": "icon-6",
+      "component": "Icon",
+      "name": "lightning",
+      "color": "accent"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Lightning Fast"
+    }
+  ]
+}

package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-2.json

@@ -0,0 +1,72 @@
+{
+  "id": "prose-feature-grid-card-2",
+  "type": "chunk",
+  "source": "exemplars/prose/feature-grid/index.html",
+  "components": [
+    "Card",
+    "Header",
+    "Section",
+    "Text",
+    "Icon"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header-1",
+        "section-2"
+      ]
+    },
+    {
+      "id": "header-1",
+      "component": "Header",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "children": [
+        "icon-6"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "children": [
+        "text-7"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Full TypeScript support with strict component contracts."
+    },
+    {
+      "id": "icon-6",
+      "component": "Icon",
+      "name": "shield",
+      "color": "info"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Type Safe"
+    }
+  ]
+}

package/exemplars/prose/feature-grid/chunks/prose-feature-grid-card-3.json

@@ -0,0 +1,72 @@
+{
+  "id": "prose-feature-grid-card-3",
+  "type": "chunk",
+  "source": "exemplars/prose/feature-grid/index.html",
+  "components": [
+    "Card",
+    "Header",
+    "Section",
+    "Text",
+    "Icon"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "header-1",
+        "section-2"
+      ]
+    },
+    {
+      "id": "header-1",
+      "component": "Header",
+      "children": [
+        "text-3",
+        "text-4"
+      ]
+    },
+    {
+      "id": "section-2",
+      "component": "Section",
+      "children": [
+        "text-5"
+      ]
+    },
+    {
+      "id": "text-3",
+      "component": "Text",
+      "children": [
+        "icon-6"
+      ],
+      "slot": "icon"
+    },
+    {
+      "id": "text-4",
+      "component": "Text",
+      "children": [
+        "text-7"
+      ],
+      "slot": "heading"
+    },
+    {
+      "id": "text-5",
+      "component": "Text",
+      "variant": "body",
+      "color": "subtle",
+      "nomargin": true,
+      "textContent": "Design tokens cascade seamlessly for effortless theming."
+    },
+    {
+      "id": "icon-6",
+      "component": "Icon",
+      "name": "palette",
+      "color": "success"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Themeable"
+    }
+  ]
+}