@zmzai/theme 0.5.0 → 0.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zmzai/theme",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "private": false,
   "type": "module",
   "description": "zmzai 全品牌设计系统 — Radix UI + framer-motion + Tailwind v4 + MiSans",

package/src/components/landing/landing.css

@@ -361,11 +361,9 @@
   margin-top: 1px;
 }
 
-/* ── Status badge（live 脉冲 / building 流光 / planned 虚线） ── */
-.status-pulse {
-  position: relative;
-}
-
+/* ── Status badge（live 脉冲 / building 流光 / planned 虚线） ──
+   注意：.status-pulse 不能写 position —— 无 layer CSS 会覆盖 Tailwind
+   utilities 的 absolute inset-0，把脉冲层压成椭圆。定位由组件 className 提供。 */
 .status-pulse::after {
   content: "";
   position: absolute;

package/src/components/navbar/Navbar.tsx

@@ -32,6 +32,8 @@ export interface NavbarProps {
   actions?: ReactNode;
   /** 品牌区右侧的附属徽章（如域名 a.zmzai.cloud） */
   badge?: ReactNode;
+  /** 品牌区点击链接（通常回首页，如 "/"）；不传则品牌区不可点击 */
+  brandHref?: string;
   className?: string;
 }
 
@@ -48,7 +50,13 @@ export interface NavbarProps {
  *   <Link href="/audit" className={navItemClass(pathname === "/audit")}>运行审计</Link>
  * </Navbar>
  */
-export function Navbar({ sublabel, brand, children, actions, badge, className }: NavbarProps) {
+export function Navbar({ sublabel, brand, children, actions, badge, brandHref, className }: NavbarProps) {
+  const brandNode = brand ?? (
+    <span className="inline-flex items-center gap-2">
+      <Logo size={22} />
+      <Wordmark size={16} sublabel={sublabel} />
+    </span>
+  );
   return (
     <header
       className={cn(
@@ -57,11 +65,12 @@ export function Navbar({ sublabel, brand, children, actions, badge, className }:
       )}
     >
       <div className="flex min-w-0 items-center gap-2.5">
-        {brand ?? (
-          <span className="inline-flex items-center gap-2">
-            <Logo size={22} />
-            <Wordmark size={16} sublabel={sublabel} />
-          </span>
+        {brandHref ? (
+          <a href={brandHref} className="inline-flex items-center">
+            {brandNode}
+          </a>
+        ) : (
+          brandNode
         )}
         {badge}
       </div>