Add membership page

packages/shared/src/schemas/index.ts

@@ -394,3 +394,13 @@ export const BillingLimitSchemas = {
     transactional: z.coerce.number().int().positive().nullable(),
   }),
 } as const;
+
+export const MembershipSchemas = {
+  addMember: z.object({
+    email,
+    role: z.enum(['ADMIN', 'MEMBER']).default('MEMBER'),
+  }),
+  updateRole: z.object({
+    role: z.enum(['ADMIN', 'MEMBER']),
+  }),
+} as const;

packages/ui/src/components/atoms/Badge.tsx

@@ -8,12 +8,18 @@ const badgeVariants = cva(
   {
     variants: {
       variant: {
-        default: 'border-transparent bg-neutral-900 text-neutral-50',
+        default: 'border-transparent bg-neutral-100 text-neutral-900',
         secondary: 'border-transparent bg-neutral-100 text-neutral-900',
         destructive: 'border-transparent bg-red-100 text-red-900',
         outline: 'text-neutral-950',
         success: 'border-transparent bg-green-100 text-green-900',
         warning: 'border-transparent bg-yellow-100 text-yellow-900',
+        // Additional semantic variants for common use cases
+        info: 'border-transparent bg-blue-100 text-blue-900',
+        orange: 'border-transparent bg-orange-100 text-orange-800',
+        green: 'border-transparent bg-green-100 text-green-800',
+        red: 'border-transparent bg-red-100 text-red-800',
+        neutral: 'border-transparent bg-neutral-50 text-neutral-600',
       },
     },
     defaultVariants: {