@meith/theme-default 0.28.1 → 0.29.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/theme-default",
-  "version": "0.28.1",
+  "version": "0.29.0",
   "description": "Meith's default theme — every slot and every token, and the reference for what a complete theme fills.",
   "license": "MIT",
   "repository": {
@@ -20,8 +20,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@meith/theme-kit": "^0.28.1",
-    "@meith/ui": "^0.28.1"
+    "@meith/theme-kit": "^0.29.0",
+    "@meith/ui": "^0.29.0"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/src/shared.tsx

@@ -1,4 +1,10 @@
-import type { CountModel, PrefixModel, TimeModel, UserRefModel } from '@meith/theme-kit'
+import type {
+  CountModel,
+  GroupTagModel,
+  PrefixModel,
+  TimeModel,
+  UserRefModel,
+} from '@meith/theme-kit'
 import { Badge, cn } from '@meith/ui'
 
 const PAGE_WIDTH = 'max-w-6xl'
@@ -98,3 +104,11 @@ export function Counts({ items, className }: { items: readonly CountItem[]; clas
     </dl>
   )
 }
+
+export function groupTags(
+  groups: readonly GroupTagModel[] | undefined,
+  title: string | null,
+): readonly GroupTagModel[] {
+  if (groups !== undefined && groups.length > 0) return groups
+  return title === null ? [] : [{ title }]
+}

package/src/slots/member-profile.tsx

@@ -2,12 +2,13 @@ import type { MemberProfileModel, SlotCopy } from '@meith/theme-kit'
 import { fromSlotCopy } from '@meith/theme-kit'
 import { Avatar, buttonVariants, Card, CardContent, CardHeader, CardTitle, cn } from '@meith/ui'
 
-import { NUMERIC, PAGE_BODY, Stamp } from '../shared'
+import { groupTags, NUMERIC, PAGE_BODY, Stamp } from '../shared'
 
 export function MemberProfile({
   user,
   avatarUrl,
   title,
+  groups,
   joinedAt,
   lastVisitAt,
   postCount,
@@ -32,7 +33,11 @@ export function MemberProfile({
               >
                 {user.username}
               </h1>
-              {title !== null && <p className="mt-0.5 text-sm text-muted-foreground">{title}</p>}
+              {groupTags(groups, title).map((group) => (
+                <p key={group.title} className="mt-0.5 text-sm text-muted-foreground">
+                  <span className={group.nameClass ?? undefined}>{group.title}</span>
+                </p>
+              ))}
             </div>
           </div>
 

package/src/slots/post-bit.tsx

@@ -2,7 +2,7 @@ import type { PostBitSlotModel, SlotCopy } from '@meith/theme-kit'
 import { fromSlotCopy } from '@meith/theme-kit'
 import { Alert, AlertDescription, AlertTitle, Avatar, Card } from '@meith/ui'
 
-import { LINK, MUTED_LINK, NUMERIC, Stamp, UserRef } from '../shared'
+import { groupTags, LINK, MUTED_LINK, NUMERIC, Stamp, UserRef } from '../shared'
 
 const VISIBILITY_TINT = {
   visible: '',
@@ -88,9 +88,11 @@ function AuthorBlock({
           </p>
         )}
 
-        {author.title !== null && (
-          <p className="truncate text-xs text-muted-foreground">{author.title}</p>
-        )}
+        {groupTags(author.groups, author.title).map((group) => (
+          <p key={group.title} className="truncate text-xs text-muted-foreground">
+            <span className={group.nameClass ?? undefined}>{group.title}</span>
+          </p>
+        ))}
 
         {author.isOnline && (
           <p className="mt-1 flex items-center gap-1.5 text-xs text-moderation-approved sm:justify-center">

package/src/theme.ts

@@ -70,7 +70,7 @@ import { WhoIsOnline } from './slots/who-is-online'
 export const defaultTheme = defineTheme({
   key: 'default',
   title: 'Default',
-  version: '0.28.1',
+  version: '0.29.0',
   slots: {
     Shell,
     Header,