@meith/theme-phasebook 0.30.0 → 0.31.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/theme-phasebook",
-  "version": "0.30.0",
+  "version": "0.31.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.30.0",
-    "@meith/theme-kit": "^0.30.0",
-    "@meith/ui": "^0.30.0"
+    "@meith/theme-default": "^0.31.0",
+    "@meith/theme-kit": "^0.31.0",
+    "@meith/ui": "^0.31.0"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/src/slots/footer.tsx

@@ -8,6 +8,7 @@ export function Footer({
   links,
   timezoneLabel,
   poweredBy,
+  regions,
   copy,
 }: FooterModel & { copy: SlotCopy }) {
   const c = (key: string) => fromSlotCopy(copy, `phasebook.footer.${key}`)
@@ -15,6 +16,11 @@ export function Footer({
   return (
     <footer className="mt-auto bg-background">
       <div className={`${PAGE} flex flex-col gap-2 py-6 text-xs text-muted-foreground`}>
+        {regions?.controls && (
+          <div className="flex flex-wrap items-center justify-end gap-x-6 gap-y-2 pb-2">
+            {regions.controls}
+          </div>
+        )}
         {links.length > 0 && (
           <nav aria-label={c('ariaLabel')} className="flex flex-wrap gap-x-4 gap-y-1">
             {links.map((link) => (
@@ -31,7 +37,7 @@ export function Footer({
             {c('timezone')} {timezoneLabel}
           </span>
           {poweredBy && (
-            <a href={poweredBy.href} className={MUTED_LINK}>
+            <a href={poweredBy.href} target="_blank" rel="noreferrer" className={MUTED_LINK}>
               {poweredBy.label}
             </a>
           )}

package/src/slots/forum-jump.tsx

@@ -1,6 +1,6 @@
 import type { ForumJumpModel } from '@meith/theme-kit'
 
-import { PAGE, PILL } from '../shared'
+import { PILL } from '../shared'
 
 export function ForumJump({ action, field, forums, submitLabel, label }: ForumJumpModel) {
   if (forums.length === 0) return null
@@ -8,41 +8,35 @@ export function ForumJump({ action, field, forums, submitLabel, label }: ForumJu
   const id = `forum-jump-${field}`
 
   return (
-    <div className="bg-background">
-      <form
-        method="get"
-        action={action}
-        className={`${PAGE} flex flex-wrap items-center gap-2 pb-4 sm:justify-end`}
-      >
-        <label htmlFor={id} className="text-xs font-semibold text-muted-foreground">
-          {label}
-        </label>
+    <form method="get" action={action} className="flex flex-wrap items-center gap-2">
+      <label htmlFor={id} className="text-xs font-semibold text-muted-foreground">
+        {label}
+      </label>
 
-        <select
-          id={id}
-          name={field}
-          defaultValue={forums.find((forum) => forum.isSelected)?.value ?? ''}
-          className="h-9 w-auto min-w-48 flex-1 rounded-full border border-input bg-card px-3 text-xs text-foreground sm:flex-none"
-        >
-          {forums.map((forum) => {
-            const indented = `${'  '.repeat(forum.depth)}${forum.label}`
-            return (
-              <option
-                key={forum.value}
-                value={forum.value}
-                disabled={forum.isCategory}
-                label={indented}
-              >
-                {indented}
-              </option>
-            )
-          })}
-        </select>
+      <select
+        id={id}
+        name={field}
+        defaultValue={forums.find((forum) => forum.isSelected)?.value ?? ''}
+        className="h-9 w-auto min-w-48 flex-1 rounded-full border border-input bg-card px-3 text-xs text-foreground sm:flex-none"
+      >
+        {forums.map((forum) => {
+          const indented = `${'  '.repeat(forum.depth)}${forum.label}`
+          return (
+            <option
+              key={forum.value}
+              value={forum.value}
+              disabled={forum.isCategory}
+              label={indented}
+            >
+              {indented}
+            </option>
+          )
+        })}
+      </select>
 
-        <button type="submit" className={PILL}>
-          {submitLabel}
-        </button>
-      </form>
-    </div>
+      <button type="submit" className={PILL}>
+        {submitLabel}
+      </button>
+    </form>
   )
 }

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.30.0',
+  version: '0.31.0',
   extends: defaultTheme,
   slots: {
     Shell,