@adia-ai/a2ui-corpus 0.4.2 → 0.4.4

package/compositions/forms/settings-toggles-page.json

@@ -1,10 +1,10 @@
 {
   "$schema": "../_schema.json",
   "name": "settings-toggles-page",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "forms",
-  "description": "Settings page with grouped toggle switches for user preferences — notifications, privacy, appearance.",
+  "description": "Settings page with grouped toggle switches for user preferences \u2014 notifications, privacy, appearance.",
   "tags": {
     "purpose": [
       "settings",
@@ -17,35 +17,207 @@
       "toggle"
     ]
   },
-  "keywords": ["settings", "preferences", "toggle", "switch", "notifications"],
+  "keywords": [
+    "settings",
+    "preferences",
+    "toggle",
+    "switch",
+    "notifications"
+  ],
   "related": [],
   "template": [
-    { "id": "root", "component": "Card", "children": ["hdr", "sec"] },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec"
+      ]
+    },
     {
       "id": "hdr",
-      "$fragment": "card-header-with-description",
-      "bindings": { "heading": "Settings", "description": "Manage how the app notifies and behaves." }
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Settings"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Manage how the app notifies and behaves."
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "t1",
+        "t2",
+        "t3",
+        "t4"
+      ]
     },
-    { "id": "sec", "$fragment": "section-with-stack", "bindings": { "items": ["t1", "t2", "t3", "t4"], "gap": "4" } },
     {
       "id": "t1",
-      "$fragment": "labeled-toggle",
-      "bindings": { "label": "Email notifications", "description": "Receive updates and digests by email.", "name": "emailNotifications", "checked": true }
+      "component": "Row",
+      "children": [
+        "t1--tg-col",
+        "t1--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "t1--tg-col",
+      "component": "Column",
+      "children": [
+        "t1--tg-label",
+        "t1--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "t1--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Email notifications"
+    },
+    {
+      "id": "t1--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Receive updates and digests by email."
+    },
+    {
+      "id": "t1--tg-sw",
+      "component": "Toggle",
+      "name": "emailNotifications",
+      "checked": true
     },
     {
       "id": "t2",
-      "$fragment": "labeled-toggle",
-      "bindings": { "label": "Push notifications", "description": "Real-time alerts on your devices.", "name": "pushNotifications", "checked": true }
+      "component": "Row",
+      "children": [
+        "t2--tg-col",
+        "t2--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "t2--tg-col",
+      "component": "Column",
+      "children": [
+        "t2--tg-label",
+        "t2--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "t2--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Push notifications"
+    },
+    {
+      "id": "t2--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Real-time alerts on your devices."
+    },
+    {
+      "id": "t2--tg-sw",
+      "component": "Toggle",
+      "name": "pushNotifications",
+      "checked": true
     },
     {
       "id": "t3",
-      "$fragment": "labeled-toggle",
-      "bindings": { "label": "Marketing emails", "description": "Product announcements and tips.", "name": "marketing", "checked": false }
+      "component": "Row",
+      "children": [
+        "t3--tg-col",
+        "t3--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "t3--tg-col",
+      "component": "Column",
+      "children": [
+        "t3--tg-label",
+        "t3--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "t3--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Marketing emails"
+    },
+    {
+      "id": "t3--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Product announcements and tips."
+    },
+    {
+      "id": "t3--tg-sw",
+      "component": "Toggle",
+      "name": "marketing",
+      "checked": false
     },
     {
       "id": "t4",
-      "$fragment": "labeled-toggle",
-      "bindings": { "label": "Dark mode", "description": "Use a darker theme across the app.", "name": "darkMode", "checked": false }
+      "component": "Row",
+      "children": [
+        "t4--tg-col",
+        "t4--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "t4--tg-col",
+      "component": "Column",
+      "children": [
+        "t4--tg-label",
+        "t4--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "t4--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Dark mode"
+    },
+    {
+      "id": "t4--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Use a darker theme across the app."
+    },
+    {
+      "id": "t4--tg-sw",
+      "component": "Toggle",
+      "name": "darkMode",
+      "checked": false
     }
-  ]
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/forms/signup-form.json

@@ -1,7 +1,7 @@
 {
   "$schema": "../_schema.json",
   "name": "signup-form",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "forms",
   "description": "Registration form with name, email, password and terms consent checkbox. Submits to create a new user account.",
@@ -17,36 +17,148 @@
       "form-submit"
     ]
   },
-  "keywords": ["signup", "sign up", "register", "registration", "create account", "new account", "terms"],
-  "related": ["login-form"],
+  "keywords": [
+    "signup",
+    "sign up",
+    "register",
+    "registration",
+    "create account",
+    "new account",
+    "terms"
+  ],
+  "related": [
+    "login-form"
+  ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["hdr", "sec", "ftr"] },
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec",
+        "ftr"
+      ]
+    },
     {
       "id": "hdr",
-      "$fragment": "card-header-with-description",
-      "bindings": { "heading": "Create your account", "description": "Join us in under a minute." }
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Create your account"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "Join us in under a minute."
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "4",
+      "children": [
+        "name",
+        "email",
+        "password",
+        "terms"
+      ]
     },
-    { "id": "sec", "$fragment": "section-with-stack", "bindings": { "items": ["name", "email", "password", "terms"], "gap": "4" } },
     {
       "id": "name",
-      "$fragment": "labeled-input",
-      "bindings": { "label": "Full name", "name": "name", "type": "text", "placeholder": "Ada Lovelace" }
+      "component": "Field",
+      "label": "Full name",
+      "children": [
+        "name--fi-in"
+      ]
+    },
+    {
+      "id": "name--fi-in",
+      "component": "Input",
+      "name": "name",
+      "placeholder": "Ada Lovelace",
+      "type": "text"
     },
     {
       "id": "email",
-      "$fragment": "labeled-input",
-      "bindings": { "label": "Email", "name": "email", "type": "email", "placeholder": "you@example.com" }
+      "component": "Field",
+      "label": "Email",
+      "children": [
+        "email--fi-in"
+      ]
+    },
+    {
+      "id": "email--fi-in",
+      "component": "Input",
+      "name": "email",
+      "placeholder": "you@example.com",
+      "type": "email"
     },
     {
       "id": "password",
-      "$fragment": "labeled-input",
-      "bindings": { "label": "Password", "name": "password", "type": "password", "placeholder": "••••••••" }
+      "component": "Field",
+      "label": "Password",
+      "children": [
+        "password--fi-in"
+      ]
+    },
+    {
+      "id": "password--fi-in",
+      "component": "Input",
+      "name": "password",
+      "placeholder": "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+      "type": "password"
     },
     {
       "id": "terms",
-      "$fragment": "labeled-checkbox",
-      "bindings": { "label": "I agree to the Terms of Service and Privacy Policy", "name": "terms" }
+      "component": "CheckBox",
+      "label": "I agree to the Terms of Service and Privacy Policy",
+      "name": "terms",
+      "checked": false
+    },
+    {
+      "id": "ftr",
+      "component": "Footer",
+      "children": [
+        "ftr--f-row"
+      ]
     },
-    { "id": "ftr", "$fragment": "footer-cancel-save", "bindings": { "cancelLabel": "Cancel", "confirmLabel": "Create account" } }
-  ]
+    {
+      "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": "Create account"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/forms/slider-range-form.json

@@ -1,17 +1,72 @@
 {
   "$schema": "../_schema.json",
   "name": "slider-range-form",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "forms",
-  "description": "Slider with range controls and value readout — for volume, price ranges, intensity settings.",
-  "tags": { "purpose": ["range", "slider"], "complexity": "atomic", "layout": "stacked" },
-  "keywords": ["slider", "range", "control", "min", "max", "volume", "intensity"],
-
+  "description": "Slider with range controls and value readout \u2014 for volume, price ranges, intensity settings.",
+  "tags": {
+    "purpose": [
+      "range",
+      "slider"
+    ],
+    "complexity": "atomic",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "slider",
+    "range",
+    "control",
+    "min",
+    "max",
+    "volume",
+    "intensity"
+  ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["sec"] },
-    { "id": "sec",  "component": "Section", "children": ["ls"] },
-    { "id": "ls",   "$fragment": "labeled-slider",
-      "bindings": { "label": "Volume", "name": "volume", "min": 0, "max": 100, "value": 60, "readout": "60%" } }
-  ]
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "sec"
+      ]
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "ls"
+      ]
+    },
+    {
+      "id": "ls",
+      "component": "Column",
+      "children": [
+        "ls--ls-label",
+        "ls--ls-slider",
+        "ls--ls-readout"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "ls--ls-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Volume"
+    },
+    {
+      "id": "ls--ls-slider",
+      "component": "Slider",
+      "name": "volume",
+      "min": 0,
+      "max": 100,
+      "value": 60
+    },
+    {
+      "id": "ls--ls-readout",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "60%"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/forms/tag-input-form.json

@@ -1,21 +1,96 @@
 {
   "$schema": "../_schema.json",
   "name": "tag-input-form",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "forms",
-  "description": "Tag input with existing chips and an entry field — for labels, categories, tags, collaborators.",
-  "tags": { "purpose": ["tags", "chips"], "complexity": "atomic", "layout": "stacked" },
-  "keywords": ["tag", "tags", "chips", "labels", "categories", "pill"],
+  "description": "Tag input with existing chips and an entry field \u2014 for labels, categories, tags, collaborators.",
+  "tags": {
+    "purpose": [
+      "tags",
+      "chips"
+    ],
+    "complexity": "atomic",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "tag",
+    "tags",
+    "chips",
+    "labels",
+    "categories",
+    "pill"
+  ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["sec"] },
-    { "id": "sec", "$fragment": "section-with-stack", "bindings": { "items": ["label", "row", "hint"], "gap": "2" } },
-    { "id": "label", "component": "Text", "variant": "caption", "textContent": "Tags" },
-    { "id": "row", "component": "Row", "children": ["tg1", "tg2", "tg3", "inp"], "gap": "2", "align": "center" },
-    { "id": "tg1", "component": "Tag", "text": "design" },
-    { "id": "tg2", "component": "Tag", "text": "frontend" },
-    { "id": "tg3", "component": "Tag", "text": "a11y" },
-    { "id": "inp", "component": "Input", "name": "tag", "placeholder": "Add tag…" },
-    { "id": "hint", "component": "Text", "variant": "caption", "color": "muted", "textContent": "Press Enter to add." }
-  ]
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "sec"
+      ]
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "label",
+        "row",
+        "hint"
+      ]
+    },
+    {
+      "id": "label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Tags"
+    },
+    {
+      "id": "row",
+      "component": "Row",
+      "children": [
+        "tg1",
+        "tg2",
+        "tg3",
+        "inp"
+      ],
+      "gap": "2",
+      "align": "center"
+    },
+    {
+      "id": "tg1",
+      "component": "Tag",
+      "text": "design"
+    },
+    {
+      "id": "tg2",
+      "component": "Tag",
+      "text": "frontend"
+    },
+    {
+      "id": "tg3",
+      "component": "Tag",
+      "text": "a11y"
+    },
+    {
+      "id": "inp",
+      "component": "Input",
+      "name": "tag",
+      "placeholder": "Add tag\u2026"
+    },
+    {
+      "id": "hint",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Press Enter to add."
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }