@meith/theme-default 0.25.0 → 0.25.1

package/package.json

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

package/src/slots/discovery-view.tsx

@@ -5,14 +5,14 @@ import { Card, CardRows, cn, Empty, EmptyDescription } from '@meith/ui'
 import { LINK, NUMERIC, pageAt, Stamp } from '../shared'
 
 const TAB =
-  'inline-flex h-9 items-center rounded-full px-3.5 text-sm font-medium whitespace-nowrap transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring'
+  'inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-sm whitespace-nowrap transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring'
 
 function Tabs({ label, tabs }: { label: string; tabs: readonly TabModel[] }) {
   if (tabs.length === 0) return null
 
   return (
-    <nav aria-label={label} className="flex items-center gap-x-3">
-      <ul className="-my-1.5 flex min-w-0 flex-1 items-center gap-1 overflow-x-auto py-1.5">
+    <nav aria-label={label} className="flex flex-wrap items-center gap-x-3 gap-y-2">
+      <ul className="inline-flex max-w-full items-center gap-1 overflow-x-auto rounded-lg border border-border bg-surface p-1">
         {tabs.map((tab) => (
           <li key={tab.href} className="shrink-0">
             <a
@@ -21,8 +21,8 @@ function Tabs({ label, tabs }: { label: string; tabs: readonly TabModel[] }) {
               className={cn(
                 TAB,
                 tab.isCurrent
-                  ? 'bg-primary font-semibold text-primary-foreground'
-                  : 'text-muted-foreground hover:bg-accent hover:text-foreground',
+                  ? 'bg-card font-semibold text-foreground shadow-sm'
+                  : 'font-medium text-muted-foreground hover:text-foreground',
               )}
             >
               {tab.label}

package/src/slots/search-results.tsx

@@ -115,9 +115,11 @@ export function SearchResults({
         </CardContent>
       </Card>
 
-      <a href={newSearchHref} className={`text-sm font-medium text-foreground ${LINK}`}>
-        {c('startNewSearch')}
-      </a>
+      <div>
+        <a href={newSearchHref} className={buttonVariants({ variant: 'outline' })}>
+          {c('startNewSearch')}
+        </a>
+      </div>
     </main>
   )
 }
@@ -147,18 +149,19 @@ function Refine({
 
         <nav
           aria-label={sortsLabel}
-          className="flex items-center rounded-md border border-border p-0.5"
+          className="inline-flex items-center gap-1 rounded-lg border border-border bg-surface p-1"
         >
           {sorts.map((sort) => (
             <a
               key={sort.label}
               href={sort.href}
               {...(sort.isCurrent ? { 'aria-current': 'true' as const } : {})}
-              className={`rounded px-2.5 py-1 text-xs font-medium ${
+              className={cn(
+                'rounded-md px-2.5 py-1 text-xs whitespace-nowrap transition-colors',
                 sort.isCurrent
-                  ? 'bg-secondary text-foreground'
-                  : 'text-muted-foreground hover:bg-muted hover:text-foreground'
-              }`}
+                  ? 'bg-card font-semibold text-foreground shadow-sm'
+                  : 'font-medium text-muted-foreground hover:text-foreground',
+              )}
             >
               {sort.label}
             </a>

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