@meith/theme-raidframe 0.28.1 → 0.29.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/theme-raidframe",
-  "version": "0.28.1",
+  "version": "0.29.1",
   "description": "A gaming theme for Meith — guild, raid and match boards — built on the default theme's slots.",
   "license": "MIT",
   "repository": {
@@ -20,9 +20,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@meith/theme-default": "^0.28.1",
-    "@meith/theme-kit": "^0.28.1",
-    "@meith/ui": "^0.28.1"
+    "@meith/theme-default": "^0.29.1",
+    "@meith/theme-kit": "^0.29.1",
+    "@meith/ui": "^0.29.1"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/src/shared.tsx

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react'
 
-import type { TimeModel, UserRefModel } from '@meith/theme-kit'
+import type { GroupTagModel, TimeModel, UserRefModel } from '@meith/theme-kit'
 
 export const MICRO =
   'font-mono text-[0.625rem] font-semibold uppercase tracking-[0.18em] text-muted-foreground'
@@ -130,3 +130,11 @@ export function UserRef({
     </a>
   )
 }
+
+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

@@ -3,7 +3,17 @@ import type { ReactNode } from 'react'
 import type { MemberProfileModel, SlotCopy } from '@meith/theme-kit'
 import { fromSlotCopy } from '@meith/theme-kit'
 
-import { BUTTON, Frame, HEADING, MICRO, NUMERIC, PanelHead, RULE, Stamp } from '../shared'
+import {
+  BUTTON,
+  Frame,
+  groupTags,
+  HEADING,
+  MICRO,
+  NUMERIC,
+  PanelHead,
+  RULE,
+  Stamp,
+} from '../shared'
 
 function Field({ label, children }: { label: string; children: ReactNode }) {
   return (
@@ -18,6 +28,7 @@ export function MemberProfile({
   user,
   avatarUrl,
   title,
+  groups,
   joinedAt,
   lastVisitAt,
   postCount,
@@ -56,7 +67,11 @@ export function MemberProfile({
             >
               {user.username}
             </h1>
-            {title !== null && <p className={`${MICRO} mt-0.5 text-primary/90`}>{title}</p>}
+            {groupTags(groups, title).map((group) => (
+              <p key={group.title} className={`${MICRO} mt-0.5 text-primary/90`}>
+                <span className={group.nameClass ?? undefined}>{group.title}</span>
+              </p>
+            ))}
           </div>
         </div>
         <div className={RULE} aria-hidden="true" />

package/src/slots/post-bit.tsx

@@ -3,7 +3,7 @@ import type { ReactNode } from 'react'
 import type { PostBitSlotModel, SlotCopy } from '@meith/theme-kit'
 import { fromSlotCopy } from '@meith/theme-kit'
 
-import { HEADING, MICRO, NUMERIC, Stamp, UserRef } from '../shared'
+import { groupTags, HEADING, MICRO, NUMERIC, Stamp, UserRef } from '../shared'
 
 function GroupBadge({
   badge,
@@ -119,9 +119,11 @@ export function PostBit({ post, select, regions, copy }: PostBitSlotModel & { co
                   }`}
                 />
               </p>
-              {post.author.title !== null && (
-                <p className={`${MICRO} mt-0.5 text-primary/90`}>{post.author.title}</p>
-              )}
+              {groupTags(post.author.groups, post.author.title).map((group) => (
+                <p key={group.title} className={`${MICRO} mt-0.5 text-primary/90`}>
+                  <span className={group.nameClass ?? undefined}>{group.title}</span>
+                </p>
+              ))}
               {post.author.isOnline && (
                 <p className="mt-1 inline-flex items-center gap-1.5">
                   <span

package/src/theme.ts

@@ -73,7 +73,7 @@ import { WhoIsOnline } from './slots/who-is-online'
 export const raidframeTheme = defineTheme({
   key: 'raidframe',
   title: 'Raidframe',
-  version: '0.28.1',
+  version: '0.29.1',
   extends: defaultTheme,
   slots: {
     Shell,