@adia-ai/a2ui-corpus 0.4.3 → 0.4.4

package/compositions/layout/modal-form.json

@@ -1,22 +1,107 @@
 {
   "$schema": "../_schema.json",
   "name": "modal-form",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "layout",
-  "description": "Modal dialog with a simple form inside — for confirmation flows, quick edits, focused inputs.",
-  "tags": { "purpose": ["dialog", "modal", "form"], "complexity": "simple", "layout": "overlay" },
-  "keywords": ["modal", "dialog", "popup", "overlay"],
+  "description": "Modal dialog with a simple form inside \u2014 for confirmation flows, quick edits, focused inputs.",
+  "tags": {
+    "purpose": [
+      "dialog",
+      "modal",
+      "form"
+    ],
+    "complexity": "simple",
+    "layout": "overlay"
+  },
+  "keywords": [
+    "modal",
+    "dialog",
+    "popup",
+    "overlay"
+  ],
   "template": [
-    { "id": "root", "component": "Modal", "children": ["hdr", "sec", "ftr"], "open": true },
-    { "id": "hdr", "component": "Header", "children": ["title"] },
-    { "id": "title", "component": "Text", "variant": "section", "textContent": "Quick action" },
-    { "id": "sec", "$fragment": "section-with-stack", "bindings": { "items": ["name"] } },
+    {
+      "id": "root",
+      "component": "Modal",
+      "children": [
+        "hdr",
+        "sec",
+        "ftr"
+      ],
+      "open": true
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "title"
+      ]
+    },
+    {
+      "id": "title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Quick action"
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "name"
+      ]
+    },
     {
       "id": "name",
-      "$fragment": "labeled-input",
-      "bindings": { "label": "Name", "name": "name", "type": "text", "placeholder": "Enter a name…" }
+      "component": "Field",
+      "label": "Name",
+      "children": [
+        "name--fi-in"
+      ]
     },
-    { "id": "ftr", "$fragment": "footer-cancel-save", "bindings": { "cancelLabel": "Cancel", "confirmLabel": "Confirm" } }
-  ]
+    {
+      "id": "name--fi-in",
+      "component": "Input",
+      "name": "name",
+      "placeholder": "Enter a name\u2026",
+      "type": "text"
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "ftr--f-row"
+      ]
+    },
+    {
+      "id": "ftr--f-row",
+      "component": "Row",
+      "children": [
+        "ftr--f-btn-cancel",
+        "ftr--f-btn-save"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "ftr--f-btn-cancel",
+      "component": "Button",
+      "variant": "ghost",
+      "text": "Cancel"
+    },
+    {
+      "id": "ftr--f-btn-save",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Confirm"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/layout/onboarding-checklist.json

@@ -1,23 +1,101 @@
 {
   "$schema": "../_schema.json",
   "name": "onboarding-checklist",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "layout",
-  "description": "User onboarding checklist — a list of steps with checkboxes and status.",
-  "tags": { "purpose": ["onboarding", "checklist"], "complexity": "simple", "layout": "stacked" },
-  "keywords": ["onboarding", "checklist", "tasks", "getting started"],
+  "description": "User onboarding checklist \u2014 a list of steps with checkboxes and status.",
+  "tags": {
+    "purpose": [
+      "onboarding",
+      "checklist"
+    ],
+    "complexity": "simple",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "onboarding",
+    "checklist",
+    "tasks",
+    "getting started"
+  ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
     {
       "id": "hdr",
-      "$fragment": "card-header-with-description",
-      "bindings": { "heading": "Getting started", "description": "Complete these steps to set up your workspace." }
-    },
-    { "id": "sec", "$fragment": "section-with-stack", "bindings": { "items": ["s1", "s2", "s3", "s4"] } },
-    { "id": "s1", "$fragment": "labeled-checkbox", "bindings": { "label": "Create your account", "name": "step1", "checked": true } },
-    { "id": "s2", "$fragment": "labeled-checkbox", "bindings": { "label": "Invite your team", "name": "step2", "checked": true } },
-    { "id": "s3", "$fragment": "labeled-checkbox", "bindings": { "label": "Connect a data source", "name": "step3", "checked": false } },
-    { "id": "s4", "$fragment": "labeled-checkbox", "bindings": { "label": "Publish your first dashboard", "name": "step4", "checked": false } }
-  ]
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Getting started"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Complete these steps to set up your workspace."
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "s1",
+        "s2",
+        "s3",
+        "s4"
+      ]
+    },
+    {
+      "id": "s1",
+      "component": "CheckBox",
+      "label": "Create your account",
+      "name": "step1",
+      "checked": true
+    },
+    {
+      "id": "s2",
+      "component": "CheckBox",
+      "label": "Invite your team",
+      "name": "step2",
+      "checked": true
+    },
+    {
+      "id": "s3",
+      "component": "CheckBox",
+      "label": "Connect a data source",
+      "name": "step3",
+      "checked": false
+    },
+    {
+      "id": "s4",
+      "component": "CheckBox",
+      "label": "Publish your first dashboard",
+      "name": "step4",
+      "checked": false
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/layout/popover-tooltip.json

@@ -4,18 +4,80 @@
   "version": 1,
   "kind": "composition",
   "domain": "layout",
-  "description": "Interactive button with a popover revealing richer content plus a tooltip on hover — shows both primitives together.",
-  "tags": { "purpose": ["popover", "tooltip", "overlay"], "complexity": "atomic", "layout": "row" },
-  "keywords": ["popover", "tooltip", "hint", "hover", "overlay"],
-
+  "description": "Interactive button with a popover revealing richer content plus a tooltip on hover \u2014 shows both primitives together.",
+  "tags": {
+    "purpose": [
+      "popover",
+      "tooltip",
+      "overlay"
+    ],
+    "complexity": "atomic",
+    "layout": "row"
+  },
+  "keywords": [
+    "popover",
+    "tooltip",
+    "hint",
+    "hover",
+    "overlay"
+  ],
   "template": [
-    { "id": "root", "component": "Row", "children": ["btn", "pop", "tip"], "gap": "3", "align": "center" },
-    { "id": "btn", "component": "Button", "variant": "ghost", "text": "Details" },
-    { "id": "pop", "component": "Popover", "children": ["pcol"], "anchor": "btn" },
-    { "id": "pcol","component": "Column", "children": ["ptitle", "div", "pbody"], "gap": "2" },
-    { "id": "ptitle","component": "Text", "variant": "section", "textContent": "More info" },
-    { "id": "div","component": "Divider" },
-    { "id": "pbody","component": "Text", "variant": "body", "textContent": "Extended description for the popover surface." },
-    { "id": "tip", "component": "Tooltip", "content": "Click to see details", "anchor": "btn" }
+    {
+      "id": "root",
+      "component": "Row",
+      "children": [
+        "btn",
+        "pop",
+        "tip"
+      ],
+      "gap": "3",
+      "align": "center"
+    },
+    {
+      "id": "btn",
+      "component": "Button",
+      "variant": "ghost",
+      "text": "Details"
+    },
+    {
+      "id": "pop",
+      "component": "Popover",
+      "children": [
+        "pcol"
+      ],
+      "anchor": "btn"
+    },
+    {
+      "id": "pcol",
+      "component": "Column",
+      "children": [
+        "ptitle",
+        "div",
+        "pbody"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "ptitle",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "More info"
+    },
+    {
+      "id": "div",
+      "component": "Divider"
+    },
+    {
+      "id": "pbody",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Extended description for the popover surface."
+    },
+    {
+      "id": "tip",
+      "component": "Tooltip",
+      "anchor": "btn",
+      "text": "Click to see details"
+    }
   ]
 }

package/compositions/layout/pricing-tiers.json

@@ -1,42 +1,240 @@
 {
   "$schema": "../_schema.json",
   "name": "pricing-tiers",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "layout",
-  "description": "Pricing page with three-tier comparison cards — Free, Pro, Enterprise — each with price, features, and CTA.",
+  "description": "Pricing page with three-tier comparison cards \u2014 Free, Pro, Enterprise \u2014 each with price, features, and CTA.",
   "tags": {
-    "purpose": ["marketing", "pricing", "tiers"],
+    "purpose": [
+      "marketing",
+      "pricing",
+      "tiers"
+    ],
     "complexity": "medium",
     "layout": "grid"
   },
-  "keywords": ["pricing", "tiers", "plans", "free", "pro", "enterprise", "subscription"],
-
+  "keywords": [
+    "pricing",
+    "tiers",
+    "plans",
+    "free",
+    "pro",
+    "enterprise",
+    "subscription"
+  ],
   "template": [
-    { "id": "root", "component": "Column", "children": ["hdr", "grid"], "gap": "6", "align": "center" },
-    { "id": "hdr", "$fragment": "card-header-with-description",
-      "bindings": { "heading": "Pricing", "description": "Simple, transparent plans that scale with you." } },
-    { "id": "grid", "component": "Grid", "children": ["tier-free", "tier-pro", "tier-ent"], "columns": "3", "gap": "4" },
-
-    { "id": "tier-free", "$fragment": "pricing-tier-card",
-      "bindings": {
-        "title": "Free", "price": "$0",
-        "description": "For individuals getting started.",
-        "ctaLabel": "Get started", "ctaVariant": "ghost"
-      } },
-
-    { "id": "tier-pro", "$fragment": "pricing-tier-card",
-      "bindings": {
-        "title": "Pro", "price": "$29",
-        "description": "For growing teams and power users.",
-        "ctaLabel": "Upgrade to Pro", "ctaVariant": "primary"
-      } },
-
-    { "id": "tier-ent", "$fragment": "pricing-tier-card",
-      "bindings": {
-        "title": "Enterprise", "price": "Custom",
-        "description": "SSO, SLAs, and dedicated support.",
-        "ctaLabel": "Contact sales", "ctaVariant": "ghost"
-      } }
-  ]
+    {
+      "id": "root",
+      "component": "Column",
+      "children": [
+        "hdr",
+        "grid"
+      ],
+      "gap": "6",
+      "align": "center"
+    },
+    {
+      "id": "hdr",
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Pricing"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Simple, transparent plans that scale with you."
+    },
+    {
+      "id": "grid",
+      "component": "Grid",
+      "children": [
+        "tier-free",
+        "tier-pro",
+        "tier-ent"
+      ],
+      "columns": "3",
+      "gap": "4"
+    },
+    {
+      "id": "tier-free",
+      "component": "Card",
+      "children": [
+        "tier-free--ptc-h",
+        "tier-free--ptc-s",
+        "tier-free--ptc-f"
+      ]
+    },
+    {
+      "id": "tier-free--ptc-h",
+      "component": "Header",
+      "children": [
+        "tier-free--ptc-title",
+        "tier-free--ptc-price"
+      ]
+    },
+    {
+      "id": "tier-free--ptc-title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Free"
+    },
+    {
+      "id": "tier-free--ptc-price",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "$0"
+    },
+    {
+      "id": "tier-free--ptc-s",
+      "component": "Section",
+      "children": [
+        "tier-free--ptc-desc"
+      ]
+    },
+    {
+      "id": "tier-free--ptc-desc",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "For individuals getting started."
+    },
+    {
+      "id": "tier-free--ptc-f",
+      "component": "Footer",
+      "children": [
+        "tier-free--ptc-btn"
+      ]
+    },
+    {
+      "id": "tier-free--ptc-btn",
+      "component": "Button",
+      "variant": "ghost",
+      "text": "Get started",
+      "stretch": true
+    },
+    {
+      "id": "tier-pro",
+      "component": "Card",
+      "children": [
+        "tier-pro--ptc-h",
+        "tier-pro--ptc-s",
+        "tier-pro--ptc-f"
+      ]
+    },
+    {
+      "id": "tier-pro--ptc-h",
+      "component": "Header",
+      "children": [
+        "tier-pro--ptc-title",
+        "tier-pro--ptc-price"
+      ]
+    },
+    {
+      "id": "tier-pro--ptc-title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Pro"
+    },
+    {
+      "id": "tier-pro--ptc-price",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "$29"
+    },
+    {
+      "id": "tier-pro--ptc-s",
+      "component": "Section",
+      "children": [
+        "tier-pro--ptc-desc"
+      ]
+    },
+    {
+      "id": "tier-pro--ptc-desc",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "For growing teams and power users."
+    },
+    {
+      "id": "tier-pro--ptc-f",
+      "component": "Footer",
+      "children": [
+        "tier-pro--ptc-btn"
+      ]
+    },
+    {
+      "id": "tier-pro--ptc-btn",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Upgrade to Pro",
+      "stretch": true
+    },
+    {
+      "id": "tier-ent",
+      "component": "Card",
+      "children": [
+        "tier-ent--ptc-h",
+        "tier-ent--ptc-s",
+        "tier-ent--ptc-f"
+      ]
+    },
+    {
+      "id": "tier-ent--ptc-h",
+      "component": "Header",
+      "children": [
+        "tier-ent--ptc-title",
+        "tier-ent--ptc-price"
+      ]
+    },
+    {
+      "id": "tier-ent--ptc-title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Enterprise"
+    },
+    {
+      "id": "tier-ent--ptc-price",
+      "component": "Text",
+      "variant": "display",
+      "textContent": "Custom"
+    },
+    {
+      "id": "tier-ent--ptc-s",
+      "component": "Section",
+      "children": [
+        "tier-ent--ptc-desc"
+      ]
+    },
+    {
+      "id": "tier-ent--ptc-desc",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "SSO, SLAs, and dedicated support."
+    },
+    {
+      "id": "tier-ent--ptc-f",
+      "component": "Footer",
+      "children": [
+        "tier-ent--ptc-btn"
+      ]
+    },
+    {
+      "id": "tier-ent--ptc-btn",
+      "component": "Button",
+      "variant": "ghost",
+      "text": "Contact sales",
+      "stretch": true
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }