@adia-ai/a2ui-corpus 0.4.2 → 0.4.4

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

@@ -1,7 +1,7 @@
 {
   "$schema": "../_schema.json",
   "name": "team-members-rbac",
-  "version": 1,
+  "version": 2,
   "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.",
@@ -55,11 +55,25 @@
     },
     {
       "id": "hdr",
-      "$fragment": "card-header-with-description",
-      "bindings": {
-        "heading": "Workspace members",
-        "description": "12 of 25 seats used \u00b7 3 pending invitations"
-      }
+      "component": "Header",
+      "children": [
+        "hdr--h-title",
+        "hdr--h-desc"
+      ]
+    },
+    {
+      "id": "hdr--h-title",
+      "component": "Text",
+      "slot": "heading",
+      "variant": "section",
+      "textContent": "Workspace members"
+    },
+    {
+      "id": "hdr--h-desc",
+      "component": "Text",
+      "slot": "description",
+      "variant": "caption",
+      "textContent": "12 of 25 seats used \u00b7 3 pending invitations"
     },
     {
       "id": "sec",
@@ -83,7 +97,9 @@
     },
     {
       "id": "mt-search",
-      "component": "Search",
+      "component": "Input",
+      "type": "search",
+      "prefix": "magnifying-glass",
       "placeholder": "Search members by name or email\u2026"
     },
     {
@@ -113,63 +129,378 @@
     },
     {
       "id": "m1",
-      "$fragment": "directory-entry-atom",
-      "bindings": {
-        "avatarInitials": "Sarah Chen",
-        "memberName": "Sarah Chen",
-        "memberEmail": "sarah.chen@acme.io",
-        "roleLabel": "Owner",
-        "roleVariant": "warning",
-        "selectedRole": "owner"
-      }
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "m1--mrr-av",
+        "m1--mrr-col",
+        "m1--mrr-rb",
+        "m1--mrr-role",
+        "m1--mrr-more"
+      ]
+    },
+    {
+      "id": "m1--mrr-av",
+      "component": "Avatar",
+      "name": "Sarah Chen",
+      "size": "md"
+    },
+    {
+      "id": "m1--mrr-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "m1--mrr-n",
+        "m1--mrr-e"
+      ]
+    },
+    {
+      "id": "m1--mrr-n",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Sarah Chen"
+    },
+    {
+      "id": "m1--mrr-e",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "sarah.chen@acme.io"
+    },
+    {
+      "id": "m1--mrr-rb",
+      "component": "Badge",
+      "text": "Owner",
+      "variant": "warning"
+    },
+    {
+      "id": "m1--mrr-role",
+      "component": "Select",
+      "value": "owner",
+      "options": [
+        {
+          "value": "owner",
+          "label": "Owner"
+        },
+        {
+          "value": "admin",
+          "label": "Admin"
+        },
+        {
+          "value": "member",
+          "label": "Member"
+        },
+        {
+          "value": "guest",
+          "label": "Guest"
+        }
+      ]
+    },
+    {
+      "id": "m1--mrr-more",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "dots-three",
+      "size": "sm"
     },
     {
       "id": "m2",
-      "$fragment": "directory-entry-atom",
-      "bindings": {
-        "avatarInitials": "Marcus Johnson",
-        "memberName": "Marcus Johnson",
-        "memberEmail": "marcus.j@acme.io",
-        "roleLabel": "Admin",
-        "roleVariant": "info",
-        "selectedRole": "admin"
-      }
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "m2--mrr-av",
+        "m2--mrr-col",
+        "m2--mrr-rb",
+        "m2--mrr-role",
+        "m2--mrr-more"
+      ]
+    },
+    {
+      "id": "m2--mrr-av",
+      "component": "Avatar",
+      "name": "Marcus Johnson",
+      "size": "md"
+    },
+    {
+      "id": "m2--mrr-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "m2--mrr-n",
+        "m2--mrr-e"
+      ]
+    },
+    {
+      "id": "m2--mrr-n",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Marcus Johnson"
+    },
+    {
+      "id": "m2--mrr-e",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "marcus.j@acme.io"
+    },
+    {
+      "id": "m2--mrr-rb",
+      "component": "Badge",
+      "text": "Admin",
+      "variant": "info"
+    },
+    {
+      "id": "m2--mrr-role",
+      "component": "Select",
+      "value": "admin",
+      "options": [
+        {
+          "value": "owner",
+          "label": "Owner"
+        },
+        {
+          "value": "admin",
+          "label": "Admin"
+        },
+        {
+          "value": "member",
+          "label": "Member"
+        },
+        {
+          "value": "guest",
+          "label": "Guest"
+        }
+      ]
+    },
+    {
+      "id": "m2--mrr-more",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "dots-three",
+      "size": "sm"
     },
     {
       "id": "m3",
-      "$fragment": "directory-entry-atom",
-      "bindings": {
-        "avatarInitials": "Priya Patel",
-        "memberName": "Priya Patel",
-        "memberEmail": "priya.p@acme.io",
-        "roleLabel": "Member",
-        "roleVariant": "success",
-        "selectedRole": "member"
-      }
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "m3--mrr-av",
+        "m3--mrr-col",
+        "m3--mrr-rb",
+        "m3--mrr-role",
+        "m3--mrr-more"
+      ]
+    },
+    {
+      "id": "m3--mrr-av",
+      "component": "Avatar",
+      "name": "Priya Patel",
+      "size": "md"
+    },
+    {
+      "id": "m3--mrr-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "m3--mrr-n",
+        "m3--mrr-e"
+      ]
+    },
+    {
+      "id": "m3--mrr-n",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Priya Patel"
+    },
+    {
+      "id": "m3--mrr-e",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "priya.p@acme.io"
+    },
+    {
+      "id": "m3--mrr-rb",
+      "component": "Badge",
+      "text": "Member",
+      "variant": "success"
+    },
+    {
+      "id": "m3--mrr-role",
+      "component": "Select",
+      "value": "member",
+      "options": [
+        {
+          "value": "owner",
+          "label": "Owner"
+        },
+        {
+          "value": "admin",
+          "label": "Admin"
+        },
+        {
+          "value": "member",
+          "label": "Member"
+        },
+        {
+          "value": "guest",
+          "label": "Guest"
+        }
+      ]
+    },
+    {
+      "id": "m3--mrr-more",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "dots-three",
+      "size": "sm"
     },
     {
       "id": "m4",
-      "$fragment": "directory-entry-atom",
-      "bindings": {
-        "avatarInitials": "Alex Rivera",
-        "memberName": "Alex Rivera",
-        "memberEmail": "alex.r@acme.io",
-        "roleLabel": "Member",
-        "roleVariant": "success",
-        "selectedRole": "member"
-      }
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "m4--mrr-av",
+        "m4--mrr-col",
+        "m4--mrr-rb",
+        "m4--mrr-role",
+        "m4--mrr-more"
+      ]
+    },
+    {
+      "id": "m4--mrr-av",
+      "component": "Avatar",
+      "name": "Alex Rivera",
+      "size": "md"
+    },
+    {
+      "id": "m4--mrr-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "m4--mrr-n",
+        "m4--mrr-e"
+      ]
+    },
+    {
+      "id": "m4--mrr-n",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Alex Rivera"
+    },
+    {
+      "id": "m4--mrr-e",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "alex.r@acme.io"
+    },
+    {
+      "id": "m4--mrr-rb",
+      "component": "Badge",
+      "text": "Member",
+      "variant": "success"
+    },
+    {
+      "id": "m4--mrr-role",
+      "component": "Select",
+      "value": "member",
+      "options": [
+        {
+          "value": "owner",
+          "label": "Owner"
+        },
+        {
+          "value": "admin",
+          "label": "Admin"
+        },
+        {
+          "value": "member",
+          "label": "Member"
+        },
+        {
+          "value": "guest",
+          "label": "Guest"
+        }
+      ]
+    },
+    {
+      "id": "m4--mrr-more",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "dots-three",
+      "size": "sm"
     },
     {
       "id": "m5",
-      "$fragment": "directory-entry-atom",
-      "bindings": {
-        "avatarInitials": "Jordan Kim",
-        "memberName": "Jordan Kim",
-        "memberEmail": "jordan.k@acme.io",
-        "roleLabel": "Guest",
-        "roleVariant": "neutral",
-        "selectedRole": "guest"
-      }
+      "component": "Row",
+      "gap": "3",
+      "children": [
+        "m5--mrr-av",
+        "m5--mrr-col",
+        "m5--mrr-rb",
+        "m5--mrr-role",
+        "m5--mrr-more"
+      ]
+    },
+    {
+      "id": "m5--mrr-av",
+      "component": "Avatar",
+      "name": "Jordan Kim",
+      "size": "md"
+    },
+    {
+      "id": "m5--mrr-col",
+      "component": "Column",
+      "gap": "0",
+      "children": [
+        "m5--mrr-n",
+        "m5--mrr-e"
+      ]
+    },
+    {
+      "id": "m5--mrr-n",
+      "component": "Text",
+      "variant": "body",
+      "textContent": "Jordan Kim"
+    },
+    {
+      "id": "m5--mrr-e",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "jordan.k@acme.io"
+    },
+    {
+      "id": "m5--mrr-rb",
+      "component": "Badge",
+      "text": "Guest",
+      "variant": "neutral"
+    },
+    {
+      "id": "m5--mrr-role",
+      "component": "Select",
+      "value": "guest",
+      "options": [
+        {
+          "value": "owner",
+          "label": "Owner"
+        },
+        {
+          "value": "admin",
+          "label": "Admin"
+        },
+        {
+          "value": "member",
+          "label": "Member"
+        },
+        {
+          "value": "guest",
+          "label": "Guest"
+        }
+      ]
+    },
+    {
+      "id": "m5--mrr-more",
+      "component": "Button",
+      "variant": "ghost",
+      "icon": "dots-three",
+      "size": "sm"
     },
     {
       "id": "invites-title",
@@ -189,36 +520,114 @@
     },
     {
       "id": "inv1",
-      "$fragment": "pending-invite-row",
-      "bindings": {
-        "email": "casey@acme.io",
-        "metaLabel": "Admin \u00b7 sent 2d ago",
-        "metaVariant": "info",
-        "resendLabel": "Resend",
-        "revokeLabel": "Revoke"
-      }
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "inv1--pir-email",
+        "inv1--pir-badge",
+        "inv1--pir-resend",
+        "inv1--pir-revoke"
+      ]
+    },
+    {
+      "id": "inv1--pir-email",
+      "component": "Text",
+      "textContent": "casey@acme.io"
+    },
+    {
+      "id": "inv1--pir-badge",
+      "component": "Badge",
+      "text": "Admin \u00b7 sent 2d ago",
+      "variant": "info"
+    },
+    {
+      "id": "inv1--pir-resend",
+      "component": "Button",
+      "variant": "ghost",
+      "text": "Resend",
+      "size": "sm"
+    },
+    {
+      "id": "inv1--pir-revoke",
+      "component": "Button",
+      "variant": "outline",
+      "text": "Revoke",
+      "size": "sm"
     },
     {
       "id": "inv2",
-      "$fragment": "pending-invite-row",
-      "bindings": {
-        "email": "drew@acme.io",
-        "metaLabel": "Member \u00b7 sent 5d ago",
-        "metaVariant": "info",
-        "resendLabel": "Resend",
-        "revokeLabel": "Revoke"
-      }
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "inv2--pir-email",
+        "inv2--pir-badge",
+        "inv2--pir-resend",
+        "inv2--pir-revoke"
+      ]
+    },
+    {
+      "id": "inv2--pir-email",
+      "component": "Text",
+      "textContent": "drew@acme.io"
+    },
+    {
+      "id": "inv2--pir-badge",
+      "component": "Badge",
+      "text": "Member \u00b7 sent 5d ago",
+      "variant": "info"
+    },
+    {
+      "id": "inv2--pir-resend",
+      "component": "Button",
+      "variant": "ghost",
+      "text": "Resend",
+      "size": "sm"
+    },
+    {
+      "id": "inv2--pir-revoke",
+      "component": "Button",
+      "variant": "outline",
+      "text": "Revoke",
+      "size": "sm"
     },
     {
       "id": "inv3",
-      "$fragment": "pending-invite-row",
-      "bindings": {
-        "email": "ellis@contractor.io",
-        "metaLabel": "Guest \u00b7 sent 1h ago",
-        "metaVariant": "info",
-        "resendLabel": "Resend",
-        "revokeLabel": "Revoke"
-      }
+      "component": "Row",
+      "gap": "3",
+      "align": "center",
+      "children": [
+        "inv3--pir-email",
+        "inv3--pir-badge",
+        "inv3--pir-resend",
+        "inv3--pir-revoke"
+      ]
+    },
+    {
+      "id": "inv3--pir-email",
+      "component": "Text",
+      "textContent": "ellis@contractor.io"
+    },
+    {
+      "id": "inv3--pir-badge",
+      "component": "Badge",
+      "text": "Guest \u00b7 sent 1h ago",
+      "variant": "info"
+    },
+    {
+      "id": "inv3--pir-resend",
+      "component": "Button",
+      "variant": "ghost",
+      "text": "Resend",
+      "size": "sm"
+    },
+    {
+      "id": "inv3--pir-revoke",
+      "component": "Button",
+      "variant": "outline",
+      "text": "Revoke",
+      "size": "sm"
     },
     {
       "id": "summary",
@@ -233,47 +642,200 @@
     },
     {
       "id": "s1",
-      "$fragment": "stat-card",
-      "bindings": {
-        "label": "Active members",
-        "value": "12",
-        "trend": "+2 this month"
-      }
+      "component": "Card",
+      "children": [
+        "s1--sc-sec"
+      ]
+    },
+    {
+      "id": "s1--sc-sec",
+      "component": "Section",
+      "children": [
+        "s1--sc-col"
+      ]
+    },
+    {
+      "id": "s1--sc-col",
+      "component": "Column",
+      "children": [
+        "s1--sc-label",
+        "s1--sc-value",
+        "s1--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "s1--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Active members"
+    },
+    {
+      "id": "s1--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "12"
+    },
+    {
+      "id": "s1--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "+2 this month"
     },
     {
       "id": "s2",
-      "$fragment": "stat-card",
-      "bindings": {
-        "label": "Pending invites",
-        "value": "3",
-        "trend": "Sent in last 7 days"
-      }
+      "component": "Card",
+      "children": [
+        "s2--sc-sec"
+      ]
+    },
+    {
+      "id": "s2--sc-sec",
+      "component": "Section",
+      "children": [
+        "s2--sc-col"
+      ]
+    },
+    {
+      "id": "s2--sc-col",
+      "component": "Column",
+      "children": [
+        "s2--sc-label",
+        "s2--sc-value",
+        "s2--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "s2--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Pending invites"
+    },
+    {
+      "id": "s2--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "3"
+    },
+    {
+      "id": "s2--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Sent in last 7 days"
     },
     {
       "id": "s3",
-      "$fragment": "stat-card",
-      "bindings": {
-        "label": "Seats remaining",
-        "value": "13 / 25",
-        "trend": "Business plan"
-      }
+      "component": "Card",
+      "children": [
+        "s3--sc-sec"
+      ]
+    },
+    {
+      "id": "s3--sc-sec",
+      "component": "Section",
+      "children": [
+        "s3--sc-col"
+      ]
+    },
+    {
+      "id": "s3--sc-col",
+      "component": "Column",
+      "children": [
+        "s3--sc-label",
+        "s3--sc-value",
+        "s3--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "s3--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Seats remaining"
+    },
+    {
+      "id": "s3--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "13 / 25"
+    },
+    {
+      "id": "s3--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Business plan"
     },
     {
       "id": "s4",
-      "$fragment": "stat-card",
-      "bindings": {
-        "label": "Admins",
-        "value": "3",
-        "trend": "Incl. owner"
-      }
+      "component": "Card",
+      "children": [
+        "s4--sc-sec"
+      ]
+    },
+    {
+      "id": "s4--sc-sec",
+      "component": "Section",
+      "children": [
+        "s4--sc-col"
+      ]
+    },
+    {
+      "id": "s4--sc-col",
+      "component": "Column",
+      "children": [
+        "s4--sc-label",
+        "s4--sc-value",
+        "s4--sc-trend"
+      ],
+      "gap": "1"
+    },
+    {
+      "id": "s4--sc-label",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Admins"
+    },
+    {
+      "id": "s4--sc-value",
+      "component": "Text",
+      "variant": "heading",
+      "textContent": "3"
+    },
+    {
+      "id": "s4--sc-trend",
+      "component": "Text",
+      "variant": "caption",
+      "textContent": "Incl. owner"
     },
     {
       "id": "ftr",
-      "$fragment": "footer-cancel-save",
-      "bindings": {
-        "cancelLabel": "Import from SSO",
-        "confirmLabel": "Invite people"
-      }
+      "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": "Import from SSO"
+    },
+    {
+      "id": "ftr--f-btn-save",
+      "component": "Button",
+      "variant": "primary",
+      "text": "Invite people"
     }
-  ]
-}
+  ],
+  "_migrated": "2026-05-12 \u2014 inlined per Option C (fragments retired)"
+}