@adia-ai/a2ui-corpus 0.0.1

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

@@ -0,0 +1,72 @@
+{
+  "id": "prose-feature-grid-card-4",
+  "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": "Mix and match components like building blocks."
+    },
+    {
+      "id": "icon-6",
+      "component": "Icon",
+      "name": "puzzle-piece",
+      "color": "warning"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Composable"
+    }
+  ]
+}

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

@@ -0,0 +1,72 @@
+{
+  "id": "prose-feature-grid-card-5",
+  "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": "WCAG 2.1 AA compliant with full keyboard navigation."
+    },
+    {
+      "id": "icon-6",
+      "component": "Icon",
+      "name": "eye",
+      "color": "accent"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Accessible"
+    }
+  ]
+}

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

@@ -0,0 +1,72 @@
+{
+  "id": "prose-feature-grid-card-6",
+  "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": "Under 8kb gzipped with tree-shaking support."
+    },
+    {
+      "id": "icon-6",
+      "component": "Icon",
+      "name": "package",
+      "color": "info"
+    },
+    {
+      "id": "text-7",
+      "component": "Text",
+      "textContent": "Tiny Bundle"
+    }
+  ]
+}

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

@@ -0,0 +1,13 @@
+{
+  "kicker": "Features",
+  "heading": "Everything you need",
+  "description": "A comprehensive set of tools designed to accelerate your workflow.",
+  "features": [
+    { "badge": "bolt", "badgeVariant": "accent", "title": "Lightning Fast", "description": "Sub-millisecond renders with zero virtual DOM overhead." },
+    { "badge": "shield", "badgeVariant": "info", "title": "Type Safe", "description": "Full TypeScript support with strict component contracts." },
+    { "badge": "palette", "badgeVariant": "success", "title": "Themeable", "description": "Design tokens cascade seamlessly for effortless theming." },
+    { "badge": "puzzle", "badgeVariant": "warning", "title": "Composable", "description": "Mix and match components like building blocks." },
+    { "badge": "eye", "badgeVariant": "accent", "title": "Accessible", "description": "WCAG 2.1 AA compliant with full keyboard navigation." },
+    { "badge": "package", "badgeVariant": "info", "title": "Tiny Bundle", "description": "Under 8kb gzipped with tree-shaking support." }
+  ]
+}

package/exemplars/prose/feature-grid/feature-grid.yaml

@@ -0,0 +1,35 @@
+# Exemplar metadata — single source of truth for feature-grid.
+# Runtime extract.js reads this + index.html → writes a2ui.json + chunks/.
+
+$schema: ../../../../scripts/schemas/exemplar.yaml.schema.json
+name: prose-feature-grid
+category: prose
+domain: layout
+description: Feature grid marketing sections
+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

package/exemplars/prose/feature-grid/index.html

@@ -0,0 +1,103 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>AdiaUI Block — Feature Grid</title>
+    <link rel="stylesheet" href="../../../../web-components/styles/tokens.css" />
+    <link rel="stylesheet" href="../../../../web-components/styles/styles.css" />
+    <style>
+      body {
+        margin: 0;
+        min-height: 100dvh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 2rem;
+        box-sizing: border-box;
+        font-family: var(--a-font-family);
+        background: var(--a-bg);
+        color: var(--a-fg);
+      }
+     body > section { min-width: 600px; }</style>
+  </head>
+  <body>
+    <section prose>
+      <col-ui gap="12">
+        <header align="center">
+          <col-ui gap="4">
+            <text-ui variant="kicker">Features</text-ui>
+            <h1 variant="display" nomargin>Everything you need</h1>
+            <p variant="deck" nomargin>A comprehensive set of tools designed to accelerate your workflow.</p>
+          </col-ui>
+        </header>
+
+        <grid-ui columns="3" gap="4">
+          <card-ui>
+            <header>
+              <span slot="icon"><icon-ui name="lightning" color="accent"></icon-ui></span>
+              <span slot="heading"><h3>Lightning Fast</h3></span>
+            </header>
+            <section>
+              <p variant="body" color="subtle" nomargin>Sub-millisecond renders with zero virtual DOM overhead.</p>
+            </section>
+          </card-ui>
+
+          <card-ui>
+            <header>
+              <span slot="icon"><icon-ui name="shield" color="info"></icon-ui></span>
+              <span slot="heading"><h3>Type Safe</h3></span>
+            </header>
+            <section>
+              <p variant="body" color="subtle" nomargin>Full TypeScript support with strict component contracts.</p>
+            </section>
+          </card-ui>
+
+          <card-ui>
+            <header>
+              <span slot="icon"><icon-ui name="palette" color="success"></icon-ui></span>
+              <span slot="heading"><h3>Themeable</h3></span>
+            </header>
+            <section>
+              <p variant="body" color="subtle" nomargin>Design tokens cascade seamlessly for effortless theming.</p>
+            </section>
+          </card-ui>
+
+          <card-ui>
+            <header>
+              <span slot="icon"><icon-ui name="puzzle-piece" color="warning"></icon-ui></span>
+              <span slot="heading"><h3>Composable</h3></span>
+            </header>
+            <section>
+              <p variant="body" color="subtle" nomargin>Mix and match components like building blocks.</p>
+            </section>
+          </card-ui>
+
+          <card-ui>
+            <header>
+              <span slot="icon"><icon-ui name="eye" color="accent"></icon-ui></span>
+              <span slot="heading"><h3>Accessible</h3></span>
+            </header>
+            <section>
+              <p variant="body" color="subtle" nomargin>WCAG 2.1 AA compliant with full keyboard navigation.</p>
+            </section>
+          </card-ui>
+
+          <card-ui>
+            <header>
+              <span slot="icon"><icon-ui name="package" color="info"></icon-ui></span>
+              <span slot="heading"><h3>Tiny Bundle</h3></span>
+            </header>
+            <section>
+              <p variant="body" color="subtle" nomargin>Under 8kb gzipped with tree-shaking support.</p>
+            </section>
+          </card-ui>
+        </grid-ui>
+      </col-ui>
+    </section>
+
+    <script type="module">
+      import "../../../../web-components/components/index.js";
+    </script>
+  </body>
+</html>

package/exemplars/prose/footer/README.md

@@ -0,0 +1,3 @@
+# Footer Block
+
+Four-column footer with brand info, three link columns (Product, Company, Resources), and a bottom bar with copyright and social icon buttons.