@adia-ai/a2ui-corpus 0.0.1

package/compositions/forms/team-members-rbac.json

@@ -0,0 +1,279 @@
+{
+  "$schema": "../_schema.json",
+  "name": "team-members-rbac",
+  "version": 1,
+  "kind": "composition",
+  "domain": "forms",
+  "description": "Team members directory \u2014 role management, invite flow, pending invites. Canonical RBAC members table for workspace admin: Linear, Stripe, Vercel. Each member row has avatar, name, email, role badge, and a role-assignment dropdown. Includes seat count, pending-invite list with resend/revoke, and invite-new-member CTA.",
+  "tags": {
+    "purpose": [
+      "rbac",
+      "members",
+      "team",
+      "admin"
+    ],
+    "complexity": "composed",
+    "layout": "list"
+  },
+  "keywords": [
+    "team",
+    "members",
+    "rbac",
+    "roles",
+    "invite",
+    "workspace",
+    "admin",
+    "permissions",
+    "org",
+    "organization",
+    "seats",
+    "member management",
+    "member directory",
+    "role assignment",
+    "team roles",
+    "workspace team",
+    "rbac roles",
+    "admin members",
+    "seat management",
+    "member role",
+    "role dropdown"
+  ],
+  "related": [
+    "permission-matrix",
+    "api-keys",
+    "session-device-mgmt"
+  ],
+  "template": [
+    {
+      "id": "root",
+      "component": "Card",
+      "children": [
+        "hdr",
+        "sec",
+        "ftr"
+      ]
+    },
+    {
+      "id": "hdr",
+      "$fragment": "card-header-with-description",
+      "bindings": {
+        "heading": "Workspace members",
+        "description": "12 of 25 seats used \u00b7 3 pending invitations"
+      }
+    },
+    {
+      "id": "sec",
+      "component": "Section",
+      "children": [
+        "summary",
+        "members-toolbar",
+        "members-title",
+        "members-list",
+        "invites-title",
+        "invites-list"
+      ]
+    },
+    {
+      "id": "members-toolbar",
+      "component": "Toolbar",
+      "children": [
+        "mt-search",
+        "mt-add"
+      ]
+    },
+    {
+      "id": "mt-search",
+      "component": "Search",
+      "placeholder": "Search members by name or email\u2026"
+    },
+    {
+      "id": "mt-add",
+      "component": "Button",
+      "variant": "primary",
+      "icon": "plus",
+      "text": "Invite member"
+    },
+    {
+      "id": "members-title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Members \u2014 edit role or remove"
+    },
+    {
+      "id": "members-list",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "m1",
+        "m2",
+        "m3",
+        "m4",
+        "m5"
+      ]
+    },
+    {
+      "id": "m1",
+      "$fragment": "directory-entry-atom",
+      "bindings": {
+        "avatarInitials": "Sarah Chen",
+        "memberName": "Sarah Chen",
+        "memberEmail": "sarah.chen@acme.io",
+        "roleLabel": "Owner",
+        "roleVariant": "warning",
+        "selectedRole": "owner"
+      }
+    },
+    {
+      "id": "m2",
+      "$fragment": "directory-entry-atom",
+      "bindings": {
+        "avatarInitials": "Marcus Johnson",
+        "memberName": "Marcus Johnson",
+        "memberEmail": "marcus.j@acme.io",
+        "roleLabel": "Admin",
+        "roleVariant": "info",
+        "selectedRole": "admin"
+      }
+    },
+    {
+      "id": "m3",
+      "$fragment": "directory-entry-atom",
+      "bindings": {
+        "avatarInitials": "Priya Patel",
+        "memberName": "Priya Patel",
+        "memberEmail": "priya.p@acme.io",
+        "roleLabel": "Member",
+        "roleVariant": "success",
+        "selectedRole": "member"
+      }
+    },
+    {
+      "id": "m4",
+      "$fragment": "directory-entry-atom",
+      "bindings": {
+        "avatarInitials": "Alex Rivera",
+        "memberName": "Alex Rivera",
+        "memberEmail": "alex.r@acme.io",
+        "roleLabel": "Member",
+        "roleVariant": "success",
+        "selectedRole": "member"
+      }
+    },
+    {
+      "id": "m5",
+      "$fragment": "directory-entry-atom",
+      "bindings": {
+        "avatarInitials": "Jordan Kim",
+        "memberName": "Jordan Kim",
+        "memberEmail": "jordan.k@acme.io",
+        "roleLabel": "Guest",
+        "roleVariant": "neutral",
+        "selectedRole": "guest"
+      }
+    },
+    {
+      "id": "invites-title",
+      "component": "Text",
+      "variant": "section",
+      "textContent": "Pending invites"
+    },
+    {
+      "id": "invites-list",
+      "component": "Column",
+      "gap": "2",
+      "children": [
+        "inv1",
+        "inv2",
+        "inv3"
+      ]
+    },
+    {
+      "id": "inv1",
+      "$fragment": "pending-invite-row",
+      "bindings": {
+        "email": "casey@acme.io",
+        "metaLabel": "Admin \u00b7 sent 2d ago",
+        "metaVariant": "info",
+        "resendLabel": "Resend",
+        "revokeLabel": "Revoke"
+      }
+    },
+    {
+      "id": "inv2",
+      "$fragment": "pending-invite-row",
+      "bindings": {
+        "email": "drew@acme.io",
+        "metaLabel": "Member \u00b7 sent 5d ago",
+        "metaVariant": "info",
+        "resendLabel": "Resend",
+        "revokeLabel": "Revoke"
+      }
+    },
+    {
+      "id": "inv3",
+      "$fragment": "pending-invite-row",
+      "bindings": {
+        "email": "ellis@contractor.io",
+        "metaLabel": "Guest \u00b7 sent 1h ago",
+        "metaVariant": "info",
+        "resendLabel": "Resend",
+        "revokeLabel": "Revoke"
+      }
+    },
+    {
+      "id": "summary",
+      "component": "Row",
+      "children": [
+        "s1",
+        "s2",
+        "s3",
+        "s4"
+      ],
+      "gap": "4"
+    },
+    {
+      "id": "s1",
+      "$fragment": "stat-card",
+      "bindings": {
+        "label": "Active members",
+        "value": "12",
+        "trend": "+2 this month"
+      }
+    },
+    {
+      "id": "s2",
+      "$fragment": "stat-card",
+      "bindings": {
+        "label": "Pending invites",
+        "value": "3",
+        "trend": "Sent in last 7 days"
+      }
+    },
+    {
+      "id": "s3",
+      "$fragment": "stat-card",
+      "bindings": {
+        "label": "Seats remaining",
+        "value": "13 / 25",
+        "trend": "Business plan"
+      }
+    },
+    {
+      "id": "s4",
+      "$fragment": "stat-card",
+      "bindings": {
+        "label": "Admins",
+        "value": "3",
+        "trend": "Incl. owner"
+      }
+    },
+    {
+      "id": "ftr",
+      "$fragment": "footer-cancel-save",
+      "bindings": {
+        "cancelLabel": "Import from SSO",
+        "confirmLabel": "Invite people"
+      }
+    }
+  ]
+}

package/compositions/layout/accordion-settings.json

@@ -0,0 +1,56 @@
+{
+  "$schema": "../_schema.json",
+  "name": "accordion-settings",
+  "version": 1,
+  "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"],
+    "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"
+  ],
+
+  "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" }
+  ]
+}

package/compositions/layout/avatar-group-display.json

@@ -0,0 +1,20 @@
+{
+  "$schema": "../_schema.json",
+  "name": "avatar-group-display",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Avatar group with an overflow count — used to show collaborators, reviewers, or team members.",
+  "tags": { "purpose": ["identity", "team"], "complexity": "atomic", "layout": "stacked" },
+  "keywords": ["avatar group", "avatar", "collaborators", "team", "overflow"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["sec"] },
+    { "id": "sec", "component": "Section", "children": ["group"] },
+    { "id": "group", "component": "AvatarGroup", "children": ["a1", "a2", "a3", "a4"], "max": 3 },
+    { "id": "a1", "component": "Avatar", "name": "Ada Lovelace",  "size": "md" },
+    { "id": "a2", "component": "Avatar", "name": "Grace Hopper",  "size": "md" },
+    { "id": "a3", "component": "Avatar", "name": "Alan Turing",   "size": "md" },
+    { "id": "a4", "component": "Avatar", "name": "Linus Torvalds", "size": "md" }
+  ]
+}

package/compositions/layout/avatar-group-display.yaml

@@ -0,0 +1,30 @@
+# Generated by scripts/generate-yaml-scaffolds.mjs
+# Narrative doc — JSON sibling remains the canonical machine source.
+# Fill in TODO sections by hand.
+
+$schema: ../../../../../scripts/schemas/composition.yaml.schema.json
+kind: composition
+name: avatar-group-display
+domain: layout
+description: >-
+  Avatar group with an overflow count — used to show collaborators, reviewers, or team members.
+keywords:
+  - avatar group
+  - avatar
+  - collaborators
+  - team
+  - overflow
+tags:
+  purpose:
+    - identity
+    - team
+  complexity: atomic
+  layout: stacked
+related: []
+fragments_used: []
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

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

@@ -0,0 +1,27 @@
+{
+  "$schema": "../_schema.json",
+  "name": "badge-variants-display",
+  "version": 1,
+  "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"],
+
+  "template": [
+    { "id": "root", "component": "Card", "children": ["sec"] },
+    { "id": "sec", "component": "Section", "children": ["col"] },
+    { "id": "col", "component": "Column", "children": ["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" }
+  ]
+}

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

@@ -0,0 +1,31 @@
+# Generated by scripts/generate-yaml-scaffolds.mjs
+# Narrative doc — JSON sibling remains the canonical machine source.
+# Fill in TODO sections by hand.
+
+$schema: ../../../../../scripts/schemas/composition.yaml.schema.json
+kind: composition
+name: badge-variants-display
+domain: layout
+description: >-
+  Badge showcase with multiple variants — for documentation, style guide, or status legend.
+keywords:
+  - badge
+  - badges
+  - pill
+  - status
+  - label
+  - variants
+tags:
+  purpose:
+    - badge
+    - status
+  complexity: atomic
+  layout: stacked
+related: []
+fragments_used: []
+use-cases:
+  - "TODO: primary use case"
+wiring-intent:
+  summary: Static composition (no interactive wiring).
+  controllers: []
+  actions: []

package/compositions/layout/bento-overview.json

@@ -0,0 +1,40 @@
+{
+  "$schema": "../_schema.json",
+  "name": "bento-overview",
+  "version": 1,
+  "kind": "composition",
+  "domain": "layout",
+  "description": "Bento-grid home dashboard — one hero tile plus five supporting tiles (stats, roadmap, activity, top customers). The Apple / Vercel / Linear overview layout.",
+  "tags": { "purpose": ["dashboard", "home", "overview", "bento"], "complexity": "composed", "layout": "grid" },
+  "keywords": ["bento", "bento grid", "overview dashboard", "home dashboard", "vercel home", "apple dashboard", "6 tile overview", "hero plus stats", "summary page"],
+
+  "template": [
+    { "id": "root", "component": "Grid", "columns": "3", "gap": "4", "children": ["hero", "s1", "s2", "roadmap", "activity", "customers"] },
+
+    { "id": "hero", "component": "Card", "children": ["hero-h", "hero-s"] },
+    { "id": "hero-h", "$fragment": "card-header-with-description", "bindings": { "heading": "Revenue", "description": "Last 30 days · USD" } },
+    { "id": "hero-s", "component": "Section", "children": ["hero-val", "hero-cap"] },
+    { "id": "hero-val", "component": "Text", "variant": "display", "textContent": "$284,520" },
+    { "id": "hero-cap", "component": "Text", "variant": "caption", "color": "success", "textContent": "↑ 12.4% vs previous period" },
+
+    { "id": "s1", "$fragment": "stat-card", "bindings": { "label": "Active users", "value": "1,284", "trend": "↑ 8% this week" } },
+    { "id": "s2", "$fragment": "stat-card", "bindings": { "label": "Conversion", "value": "3.8%", "trend": "↑ 0.4pt" } },
+
+    { "id": "roadmap", "component": "Card", "children": ["rh", "rs"] },
+    { "id": "rh", "$fragment": "card-header-with-description", "bindings": { "heading": "This week's roadmap", "description": "3 of 5 shipped" } },
+    { "id": "rs", "component": "Section", "children": ["rl"] },
+    { "id": "rl", "component": "List", "textContent": "Three-pane shell shipped\nWorkspace switcher v2\nVirtualized table\nSaved-views filter bar · in review\nBulk action toolbar · planned" },
+
+    { "id": "activity", "component": "Card", "children": ["ah", "as"] },
+    { "id": "ah", "$fragment": "card-header-heading", "bindings": { "heading": "Activity" } },
+    { "id": "as", "component": "Section", "children": ["act1", "act2", "act3"] },
+    { "id": "act1", "$fragment": "user-identity-row", "bindings": { "avatarName": "Priya Patel", "primary": "Priya merged PR #4812", "secondary": "2m ago" } },
+    { "id": "act2", "$fragment": "user-identity-row", "bindings": { "avatarName": "Marcus Johnson", "primary": "Marcus opened ENG-812", "secondary": "14m ago" } },
+    { "id": "act3", "$fragment": "user-identity-row", "bindings": { "avatarName": "Helena Moreau", "primary": "Helena commented on Ship v1.2", "secondary": "32m ago" } },
+
+    { "id": "customers", "component": "Card", "children": ["ch", "cs"] },
+    { "id": "ch", "$fragment": "card-header-with-description", "bindings": { "heading": "Top customers", "description": "By MRR, this month" } },
+    { "id": "cs", "component": "Section", "children": ["cdl"] },
+    { "id": "cdl", "component": "DescriptionList", "layout": "inline", "align": "between", "textContent": "Northwind Co.\t$18.2k\nGlobex Corp\t$12.5k\nInitech\t$9.1k" }
+  ]
+}