@adia-ai/a2ui-corpus 0.4.3 → 0.4.5

package/compositions/layout/accordion-settings.json

@@ -1,56 +1,464 @@
 {
   "$schema": "../_schema.json",
   "name": "accordion-settings",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "layout",
   "description": "Settings panel organized as an accordion with expandable sections (profile, notifications, privacy, appearance), each containing toggles, inputs, and selects for configuration.",
   "tags": {
-    "purpose": ["settings", "preferences", "configuration"],
+    "purpose": [
+      "settings",
+      "preferences",
+      "configuration"
+    ],
     "complexity": "high",
     "layout": "stacked"
   },
   "keywords": [
-    "accordion", "settings", "preferences", "configuration", "options",
-    "accordion settings", "settings panel", "settings accordion",
-    "expandable sections", "collapsible panel", "expand collapse",
-    "profile settings", "notifications settings", "privacy settings",
-    "appearance settings", "account settings", "user settings",
-    "control panel", "config", "toggles"
+    "accordion",
+    "settings",
+    "preferences",
+    "configuration",
+    "options",
+    "accordion settings",
+    "settings panel",
+    "settings accordion",
+    "expandable sections",
+    "collapsible panel",
+    "expand collapse",
+    "profile settings",
+    "notifications settings",
+    "privacy settings",
+    "appearance settings",
+    "account settings",
+    "user settings",
+    "control panel",
+    "config",
+    "toggles"
   ],
-
   "template": [
-    { "id": "root", "component": "Card", "children": ["hdr", "acc"] },
-    { "id": "hdr",  "$fragment": "card-header-with-description",
-      "bindings": { "heading": "Settings", "description": "Manage your account preferences across profile, notifications, privacy, and appearance." } },
-    { "id": "acc",  "component": "Accordion", "children": ["s1", "s2", "s3", "s4"] },
-
-    { "id": "s1", "component": "AccordionItem", "title": "Profile", "open": true, "children": ["s1col"] },
-    { "id": "s1col", "component": "Column", "gap": "3", "children": ["s1name", "s1email", "s1bio"] },
-    { "id": "s1name",  "$fragment": "labeled-input", "bindings": { "label": "Display name", "value": "Ada Lovelace", "placeholder": "Your name" } },
-    { "id": "s1email", "$fragment": "labeled-input", "bindings": { "label": "Email", "value": "ada@example.com", "placeholder": "you@example.com" } },
-    { "id": "s1bio",   "$fragment": "labeled-textarea", "bindings": { "label": "Bio", "value": "", "placeholder": "A few words about yourself" } },
-
-    { "id": "s2", "component": "AccordionItem", "title": "Notifications", "children": ["s2col"] },
-    { "id": "s2col", "component": "Column", "gap": "3", "children": ["s2email", "s2push", "s2weekly"] },
-    { "id": "s2email",  "$fragment": "labeled-toggle", "bindings": { "label": "Email notifications", "checked": true } },
-    { "id": "s2push",   "$fragment": "labeled-toggle", "bindings": { "label": "Push notifications", "checked": false } },
-    { "id": "s2weekly", "$fragment": "labeled-toggle", "bindings": { "label": "Weekly digest", "checked": true } },
-
-    { "id": "s3", "component": "AccordionItem", "title": "Privacy", "children": ["s3col"] },
-    { "id": "s3col", "component": "Column", "gap": "3", "children": ["s3profile", "s3search", "s3analytics"] },
-    { "id": "s3profile",   "$fragment": "labeled-toggle", "bindings": { "label": "Public profile", "checked": false } },
-    { "id": "s3search",    "$fragment": "labeled-toggle", "bindings": { "label": "Show in search", "checked": false } },
-    { "id": "s3analytics", "$fragment": "labeled-toggle", "bindings": { "label": "Share usage analytics", "checked": true } },
-
-    { "id": "s4", "component": "AccordionItem", "title": "Appearance", "children": ["s4col"] },
-    { "id": "s4col", "component": "Column", "gap": "3", "children": ["s4theme", "s4density"] },
-    { "id": "s4theme",   "component": "Select", "label": "Theme", "children": ["s4t1","s4t2","s4t3"] },
-    { "id": "s4t1", "component": "Option", "value": "system", "text": "System" },
-    { "id": "s4t2", "component": "Option", "value": "light",  "text": "Light" },
-    { "id": "s4t3", "component": "Option", "value": "dark",   "text": "Dark" },
-    { "id": "s4density", "component": "Select", "label": "Density", "children": ["s4d1","s4d2"] },
-    { "id": "s4d1", "component": "Option", "value": "comfortable", "text": "Comfortable" },
-    { "id": "s4d2", "component": "Option", "value": "compact",     "text": "Compact" }
-  ]
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "acc"
+      ]
+    },
+    {
+      "id": "hdr",
+      "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 your account preferences across profile, notifications, privacy, and appearance."
+    },
+    {
+      "id": "acc",
+      "component": "Accordion",
+      "children": [
+        "s1",
+        "s2",
+        "s3",
+        "s4"
+      ]
+    },
+    {
+      "id": "s1",
+      "component": "AccordionItem",
+      "title": "Profile",
+      "open": true,
+      "children": [
+        "s1col"
+      ]
+    },
+    {
+      "id": "s1col",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "s1name",
+        "s1email",
+        "s1bio"
+      ]
+    },
+    {
+      "id": "s1name",
+      "component": "Field",
+      "label": "Display name",
+      "children": [
+        "s1name--fi-in"
+      ]
+    },
+    {
+      "id": "s1name--fi-in",
+      "component": "Input",
+      "name": "field",
+      "placeholder": "Your name",
+      "type": "text"
+    },
+    {
+      "id": "s1email",
+      "component": "Field",
+      "label": "Email",
+      "children": [
+        "s1email--fi-in"
+      ]
+    },
+    {
+      "id": "s1email--fi-in",
+      "component": "Input",
+      "name": "field",
+      "placeholder": "you@example.com",
+      "type": "text"
+    },
+    {
+      "id": "s1bio",
+      "component": "Field",
+      "label": "Bio",
+      "children": [
+        "s1bio--fta-in"
+      ]
+    },
+    {
+      "id": "s1bio--fta-in",
+      "component": "TextArea",
+      "name": "field",
+      "placeholder": "A few words about yourself",
+      "rows": 4
+    },
+    {
+      "id": "s2",
+      "component": "AccordionItem",
+      "title": "Notifications",
+      "children": [
+        "s2col"
+      ]
+    },
+    {
+      "id": "s2col",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "s2email",
+        "s2push",
+        "s2weekly"
+      ]
+    },
+    {
+      "id": "s2email",
+      "component": "Row",
+      "children": [
+        "s2email--tg-col",
+        "s2email--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "s2email--tg-col",
+      "component": "Column",
+      "children": [
+        "s2email--tg-label",
+        "s2email--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "s2email--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Email notifications"
+    },
+    {
+      "id": "s2email--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "s2email--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": true
+    },
+    {
+      "id": "s2push",
+      "component": "Row",
+      "children": [
+        "s2push--tg-col",
+        "s2push--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "s2push--tg-col",
+      "component": "Column",
+      "children": [
+        "s2push--tg-label",
+        "s2push--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "s2push--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Push notifications"
+    },
+    {
+      "id": "s2push--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "s2push--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": false
+    },
+    {
+      "id": "s2weekly",
+      "component": "Row",
+      "children": [
+        "s2weekly--tg-col",
+        "s2weekly--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "s2weekly--tg-col",
+      "component": "Column",
+      "children": [
+        "s2weekly--tg-label",
+        "s2weekly--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "s2weekly--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Weekly digest"
+    },
+    {
+      "id": "s2weekly--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "s2weekly--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": true
+    },
+    {
+      "id": "s3",
+      "component": "AccordionItem",
+      "title": "Privacy",
+      "children": [
+        "s3col"
+      ]
+    },
+    {
+      "id": "s3col",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "s3profile",
+        "s3search",
+        "s3analytics"
+      ]
+    },
+    {
+      "id": "s3profile",
+      "component": "Row",
+      "children": [
+        "s3profile--tg-col",
+        "s3profile--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "s3profile--tg-col",
+      "component": "Column",
+      "children": [
+        "s3profile--tg-label",
+        "s3profile--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "s3profile--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Public profile"
+    },
+    {
+      "id": "s3profile--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "s3profile--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": false
+    },
+    {
+      "id": "s3search",
+      "component": "Row",
+      "children": [
+        "s3search--tg-col",
+        "s3search--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "s3search--tg-col",
+      "component": "Column",
+      "children": [
+        "s3search--tg-label",
+        "s3search--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "s3search--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Show in search"
+    },
+    {
+      "id": "s3search--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "s3search--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": false
+    },
+    {
+      "id": "s3analytics",
+      "component": "Row",
+      "children": [
+        "s3analytics--tg-col",
+        "s3analytics--tg-sw"
+      ],
+      "gap": "3"
+    },
+    {
+      "id": "s3analytics--tg-col",
+      "component": "Column",
+      "children": [
+        "s3analytics--tg-label",
+        "s3analytics--tg-desc"
+      ],
+      "gap": "0"
+    },
+    {
+      "id": "s3analytics--tg-label",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Share usage analytics"
+    },
+    {
+      "id": "s3analytics--tg-desc",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": ""
+    },
+    {
+      "id": "s3analytics--tg-sw",
+      "component": "Toggle",
+      "name": "field",
+      "checked": true
+    },
+    {
+      "id": "s4",
+      "component": "AccordionItem",
+      "title": "Appearance",
+      "children": [
+        "s4col"
+      ]
+    },
+    {
+      "id": "s4col",
+      "component": "Column",
+      "gap": "3",
+      "children": [
+        "s4theme",
+        "s4density"
+      ]
+    },
+    {
+      "id": "s4theme",
+      "component": "Select",
+      "label": "Theme",
+      "children": [
+        "s4t1",
+        "s4t2",
+        "s4t3"
+      ]
+    },
+    {
+      "id": "s4t1",
+      "component": "Option",
+      "value": "system",
+      "heading": "System"
+    },
+    {
+      "id": "s4t2",
+      "component": "Option",
+      "value": "light",
+      "heading": "Light"
+    },
+    {
+      "id": "s4t3",
+      "component": "Option",
+      "value": "dark",
+      "heading": "Dark"
+    },
+    {
+      "id": "s4density",
+      "component": "Select",
+      "label": "Density",
+      "children": [
+        "s4d1",
+        "s4d2"
+      ]
+    },
+    {
+      "id": "s4d1",
+      "component": "Option",
+      "value": "comfortable",
+      "heading": "Comfortable"
+    },
+    {
+      "id": "s4d2",
+      "component": "Option",
+      "value": "compact",
+      "heading": "Compact"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }

package/compositions/layout/badge-variants-display.json

@@ -1,25 +1,128 @@
 {
   "$schema": "../_schema.json",
   "name": "badge-variants-display",
-  "version": 1,
+  "version": 2,
   "kind": "composition",
   "domain": "layout",
-  "description": "Badge showcase with multiple variants — for documentation, style guide, or status legend.",
-  "tags": { "purpose": ["badge", "status"], "complexity": "atomic", "layout": "stacked" },
-  "keywords": ["badge", "badges", "pill", "status", "label", "variants"],
+  "description": "Badge showcase with multiple variants \u2014 for documentation, style guide, or status legend.",
+  "tags": {
+    "purpose": [
+      "badge",
+      "status"
+    ],
+    "complexity": "atomic",
+    "layout": "stacked"
+  },
+  "keywords": [
+    "badge",
+    "badges",
+    "pill",
+    "status",
+    "label",
+    "variants"
+  ],
   "template": [
-    { "id": "root", "component": "Card", "children": ["sec"] },
-    { "id": "sec", "$fragment": "section-with-stack", "bindings": { "items": ["r1", "r2", "r3"], "gap": "2" } },
-    { "id": "r1", "component": "Row", "children": ["b1", "b2", "b3"], "gap": "2" },
-    { "id": "b1", "component": "Badge", "variant": "primary", "text": "Primary" },
-    { "id": "b2", "component": "Badge", "variant": "success", "text": "Success" },
-    { "id": "b3", "component": "Badge", "variant": "warning", "text": "Warning" },
-    { "id": "r2", "component": "Row", "children": ["b4", "b5", "b6"], "gap": "2" },
-    { "id": "b4", "component": "Badge", "variant": "danger", "text": "Danger" },
-    { "id": "b5", "component": "Badge", "variant": "info", "text": "Info" },
-    { "id": "b6", "component": "Badge", "variant": "neutral", "text": "Neutral" },
-    { "id": "r3", "component": "Row", "children": ["b7", "b8"], "gap": "2" },
-    { "id": "b7", "component": "Badge", "variant": "outline", "text": "Outline" },
-    { "id": "b8", "component": "Badge", "variant": "ghost", "text": "Ghost" }
-  ]
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "sec"
+      ]
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "sec--f-col"
+      ]
+    },
+    {
+      "id": "sec--f-col",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "r1",
+        "r2",
+        "r3"
+      ]
+    },
+    {
+      "id": "r1",
+      "component": "Row",
+      "children": [
+        "b1",
+        "b2",
+        "b3"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "b1",
+      "component": "Badge",
+      "variant": "primary",
+      "text": "Primary"
+    },
+    {
+      "id": "b2",
+      "component": "Badge",
+      "variant": "success",
+      "text": "Success"
+    },
+    {
+      "id": "b3",
+      "component": "Badge",
+      "variant": "warning",
+      "text": "Warning"
+    },
+    {
+      "id": "r2",
+      "component": "Row",
+      "children": [
+        "b4",
+        "b5",
+        "b6"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "b4",
+      "component": "Badge",
+      "variant": "danger",
+      "text": "Danger"
+    },
+    {
+      "id": "b5",
+      "component": "Badge",
+      "variant": "info",
+      "text": "Info"
+    },
+    {
+      "id": "b6",
+      "component": "Badge",
+      "variant": "neutral",
+      "text": "Neutral"
+    },
+    {
+      "id": "r3",
+      "component": "Row",
+      "children": [
+        "b7",
+        "b8"
+      ],
+      "gap": "2"
+    },
+    {
+      "id": "b7",
+      "component": "Badge",
+      "variant": "outline",
+      "text": "Outline"
+    },
+    {
+      "id": "b8",
+      "component": "Badge",
+      "variant": "ghost",
+      "text": "Ghost"
+    }
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
 }