@meith/theme-phasebook 0.32.0 → 0.33.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/theme-phasebook",
-  "version": "0.32.0",
+  "version": "0.33.0",
   "description": "A theme for Meith with a familiar social shape, built on the default theme's slots.",
   "license": "MIT",
   "repository": {
@@ -20,9 +20,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@meith/theme-default": "^0.32.0",
-    "@meith/theme-kit": "^0.32.0",
-    "@meith/ui": "^0.32.0"
+    "@meith/theme-default": "^0.33.0",
+    "@meith/theme-kit": "^0.33.0",
+    "@meith/ui": "^0.33.0"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/src/shared.tsx

@@ -178,8 +178,8 @@ export function Rail({
 }
 
 export function isEmptyRegion(node: React.ReactNode): boolean {
-  if (node === null || node === undefined || node === false) return true
-  return Array.isArray(node) && node.length === 0
+  if (node === null || node === undefined || node === false || node === '') return true
+  return Array.isArray(node) && node.every((child) => isEmptyRegion(child))
 }
 
 export function count(value: CountModel): string {

package/src/slots/post-actions.tsx

@@ -1,6 +1,8 @@
 import type { PostActionsSlotModel, SlotCopy } from '@meith/theme-kit'
 import { fromSlotCopy } from '@meith/theme-kit'
 
+import { isEmptyRegion } from '../shared'
+
 interface Action {
   readonly href: string
   readonly label: string
@@ -31,7 +33,9 @@ export function PostActions({
     actions.moderateHref === null ? null : { href: actions.moderateHref, label: c('moderate') },
   ].filter((action): action is Action => action !== null)
 
-  if (reader.length === 0 && staff.length === 0 && children === undefined) return null
+  const extra = isEmptyRegion(children) ? null : children
+
+  if (reader.length === 0 && staff.length === 0 && extra === null) return null
 
   return (
     <nav aria-label={c('ariaLabel')} className="flex flex-wrap items-center gap-1">
@@ -47,7 +51,7 @@ export function PostActions({
         </a>
       ))}
 
-      {children !== undefined && <span className="ms-auto empty:hidden">{children}</span>}
+      {extra !== null && <span className="ms-auto">{extra}</span>}
     </nav>
   )
 }

package/src/theme.ts

@@ -70,7 +70,7 @@ import { WhoIsOnline } from './slots/who-is-online'
 export const phasebookTheme = defineTheme({
   key: 'phasebook',
   title: 'Phasebook',
-  version: '0.32.0',
+  version: '0.33.0',
   extends: defaultTheme,
   slots: {
     Shell,