@meith/theme-default 0.30.0 → 0.30.1

package/package.json

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

package/src/slots/footer.tsx

@@ -8,12 +8,20 @@ export function Footer({
   links,
   timezoneLabel,
   poweredBy,
+  regions,
   copy,
 }: FooterModel & { copy: SlotCopy }) {
   const c = (key: string) => fromSlotCopy(copy, `default.footer.${key}`)
 
   return (
     <footer className="mt-auto border-t border-border bg-card">
+      {regions?.controls && (
+        <div
+          className={`${PAGE} flex flex-wrap items-center justify-end gap-x-6 gap-y-2 border-b border-border py-3`}
+        >
+          {regions.controls}
+        </div>
+      )}
       <div
         className={`${PAGE} flex flex-col gap-2 py-5 text-xs text-muted-foreground sm:flex-row sm:items-center sm:justify-between sm:gap-6`}
       >
@@ -34,7 +42,7 @@ export function Footer({
             {c('timesShownIn')} {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,46 +1,38 @@
 import type { ForumJumpModel } from '@meith/theme-kit'
 import { buttonVariants, Label, NativeSelect } from '@meith/ui'
 
-import { PAGE } from '../shared'
-
 export function ForumJump({ action, field, forums, submitLabel, label }: ForumJumpModel) {
   if (forums.length === 0) return null
 
   const id = `forum-jump-${field}`
 
   return (
-    <div className="border-t border-border bg-card">
-      <form
-        method="get"
-        action={action}
-        className={`${PAGE} flex flex-wrap items-center gap-2 py-3 sm:justify-end`}
-      >
-        <Label htmlFor={id} className="text-xs text-muted-foreground">
-          {label}
-        </Label>
+    <form method="get" action={action} className="flex flex-wrap items-center gap-2">
+      <Label htmlFor={id} className="text-xs text-muted-foreground">
+        {label}
+      </Label>
 
-        <NativeSelect
-          id={id}
-          name={field}
-          defaultValue={forums.find((forum) => forum.isSelected)?.value ?? ''}
-          className="h-8 w-auto min-w-48 flex-1 text-xs sm:flex-none"
-        >
-          {forums.map((forum) => (
-            <option
-              key={forum.value}
-              value={forum.value}
-              disabled={forum.isCategory}
-              label={`${'  '.repeat(forum.depth)}${forum.label}`}
-            >
-              {`${'  '.repeat(forum.depth)}${forum.label}`}
-            </option>
-          ))}
-        </NativeSelect>
+      <NativeSelect
+        id={id}
+        name={field}
+        defaultValue={forums.find((forum) => forum.isSelected)?.value ?? ''}
+        className="h-8 w-auto min-w-48 flex-1 text-xs sm:flex-none"
+      >
+        {forums.map((forum) => (
+          <option
+            key={forum.value}
+            value={forum.value}
+            disabled={forum.isCategory}
+            label={`${'  '.repeat(forum.depth)}${forum.label}`}
+          >
+            {`${'  '.repeat(forum.depth)}${forum.label}`}
+          </option>
+        ))}
+      </NativeSelect>
 
-        <button type="submit" className={buttonVariants({ variant: 'outline', size: 'sm' })}>
-          {submitLabel}
-        </button>
-      </form>
-    </div>
+      <button type="submit" className={buttonVariants({ variant: 'outline', size: 'sm' })}>
+        {submitLabel}
+      </button>
+    </form>
   )
 }

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.30.0',
+  version: '0.30.1',
   slots: {
     Shell,
     Header,