@0xchain/header 0.0.1 → 1.1.0-beta.1

package/dist/index.js

@@ -1,11 +1,11 @@
-import { jsxs as r, Fragment as x, jsx as o } from "react/jsx-runtime";
+import { jsxs as r, Fragment as x, jsx as a } from "react/jsx-runtime";
 import { twMerge as i } from "tailwind-merge";
 import k from "@0xchain/request";
-import m, { HeaderSource as a } from "./lib/Right.js";
+import m, { HeaderSource as o } from "./lib/Right.js";
 import g from "./lib/Logo.js";
 import { cookies as E } from "next/headers";
 import { USER_EVENTS as _, emitUserEvent as w, onUserEvent as j } from "./lib/events.js";
-async function N({ extra: l, children: p, className: f, hideNews: d, hideLogin: c, source: t = a.DEFAULT }) {
+async function N({ extra: l, children: p, className: f, hideNews: d, hideLogin: c, source: t = o.DEFAULT }) {
   var n;
   let e = {
     data: {}
@@ -24,21 +24,21 @@ async function N({ extra: l, children: p, className: f, hideNews: d, hideLogin:
     e = { data: {} };
   }
   return /* @__PURE__ */ r(x, { children: [
-    /* @__PURE__ */ r("div", { className: i("sticky left-0 right-0 top-0 bg-background h-16 z-999", t === a.CHAT ? "hidden md:block" : "block", f), children: [
-      /* @__PURE__ */ r("div", { className: "md:bg-module h-13 text-center flex flex-wrap justify-between items-center gap-2 px-4", children: [
-        /* @__PURE__ */ r("div", { className: i("items-center flex-1 gap-6", t === a.CHAT ? "hidden md:flex" : "flex"), children: [
-          /* @__PURE__ */ o(g, {}),
+    /* @__PURE__ */ r("div", { className: i("sticky left-0 right-0 top-0 bg-background h-16 z-999", t === o.CHAT ? "hidden md:block" : "block", f), children: [
+      /* @__PURE__ */ r("div", { className: "md:bg-card h-13 text-center flex flex-wrap justify-between items-center gap-2 px-4", children: [
+        /* @__PURE__ */ r("div", { className: i("items-center flex-1 gap-6", t === o.CHAT ? "hidden md:flex" : "flex"), children: [
+          /* @__PURE__ */ a(g, {}),
           p
         ] }),
-        /* @__PURE__ */ o(m, { hideNews: d, hideLogin: c, user: (e == null ? void 0 : e.data) || {} })
+        /* @__PURE__ */ a(m, { hideNews: d, hideLogin: c, user: (e == null ? void 0 : e.data) || {} })
       ] }),
       l
     ] }),
-    /* @__PURE__ */ o("div", { className: i(t === a.CHAT ? "block md:hidden" : "hidden"), children: /* @__PURE__ */ o(m, { hideNews: d, source: t, hideLogin: c, user: (e == null ? void 0 : e.data) || {} }) })
+    /* @__PURE__ */ a("div", { className: i(t === o.CHAT ? "block md:hidden" : "hidden"), children: /* @__PURE__ */ a(m, { hideNews: d, source: t, hideLogin: c, user: (e == null ? void 0 : e.data) || {} }) })
   ] });
 }
 export {
-  a as HeaderSource,
+  o as HeaderSource,
   _ as USER_EVENTS,
   N as default,
   w as emitUserEvent,

package/dist/lib/Drawer.js

@@ -1,19 +1,19 @@
 'use client';
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import c from "rc-drawer";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import i from "rc-drawer";
 import { Menu as d, X as m } from "lucide-react";
-import p from "./Nav.js";
-import { useState as f } from "react";
-function b({ hideLogin: s, hideNews: a, user: i }) {
-  const [r, t] = f(!1);
-  if (!r)
-    return /* @__PURE__ */ o(d, { onClick: () => t(!0), size: 32, style: { color: "var(--title)" }, className: "md:hidden bg-module rounded-lg p-[4px] " });
-  const l = (e) => {
-    e == null || e.preventDefault(), e == null || e.stopPropagation(), t(!1);
+import f from "./Nav.js";
+import { useState as p } from "react";
+function b({ hideLogin: a, hideNews: n, user: s }) {
+  const [o, t] = p(!1);
+  if (!o)
+    return /* @__PURE__ */ e(d, { onClick: () => t(!0), size: 32, style: { color: "var(--foreground)" }, className: "md:hidden bg-card rounded-lg p-[4px] " });
+  const l = (r) => {
+    r == null || r.preventDefault(), r == null || r.stopPropagation(), t(!1);
   };
-  return /* @__PURE__ */ o(c, { open: r, placement: "right", className: "block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 bg-background/70 p-2 h-screen", children: /* @__PURE__ */ n("div", { className: "w-full max-h-[calc(100svh-16px)] overflow-y-auto p-3 bg-module rounded-lg", children: [
-    /* @__PURE__ */ o("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ o(m, { size: 24, style: { color: "var(--title)" }, onClick: (e) => l(e) }) }),
-    /* @__PURE__ */ o(p, { onClick: (e) => l(e), hideLogin: s, hideNews: a, user: i })
+  return /* @__PURE__ */ e(i, { open: o, placement: "right", className: "block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 bg-background/70 p-2 h-screen", children: /* @__PURE__ */ c("div", { className: "w-full max-h-[calc(100svh-16px)] overflow-y-auto p-3 bg-card rounded-lg", children: [
+    /* @__PURE__ */ e("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ e(m, { size: 24, style: { color: "var(--foreground)" }, onClick: (r) => l(r) }) }),
+    /* @__PURE__ */ e(f, { onClick: (r) => l(r), hideLogin: a, hideNews: n, user: s })
   ] }) });
 }
 export {

package/dist/lib/Explorer.js

@@ -1,7 +1,7 @@
 'use client';
-import { jsxs as a, Fragment as w, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, Fragment as g, jsx as r } from "react/jsx-runtime";
 import f from "@0xchain/translation";
-import { Dropdown as g } from "antd";
+import { Dropdown as w } from "antd";
 import { useState as u, useEffect as b } from "react";
 import N from "@0xchain/request";
 import y from "@0xchain/link";
@@ -12,7 +12,7 @@ import { Accordion as I, AccordionItem as S, AccordionTrigger as j } from "@0xch
 function R({ onClick: o = () => {
 }, onExpandChange: l }) {
   A();
-  const { gotoExplorer: p } = x(), [s, h] = u([]), [t, n] = u(""), v = async () => {
+  const { gotoExplorer: p } = x(), [s, h] = u([]), [n, t] = u(""), v = async () => {
     const e = await N.get("/api/v2/chains/all-chain-list/basic");
     h(e.data);
   };
@@ -28,7 +28,7 @@ function R({ onClick: o = () => {
         className: "w-full h-full flex items-center gap-2 py-2 cursor-pointer font-medium",
         baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
         onClick: (m) => {
-          m.preventDefault(), m.stopPropagation(), o == null || o(), n("");
+          m.preventDefault(), m.stopPropagation(), o == null || o(), t("");
         },
         children: [
           /* @__PURE__ */ r(
@@ -44,9 +44,9 @@ function R({ onClick: o = () => {
       }
     );
   };
-  return /* @__PURE__ */ a(w, { children: [
+  return /* @__PURE__ */ a(g, { children: [
     /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(
-      g,
+      w,
       {
         getPopupContainer: () => document.body,
         classNames: {
@@ -72,18 +72,18 @@ function R({ onClick: o = () => {
           type: "single",
           collapsible: !0,
           className: "w-full",
-          value: t,
+          value: n,
           onValueChange: (e) => {
-            n(e), l == null || l(!!e);
+            t(e), l == null || l(!!e);
           },
-          children: /* @__PURE__ */ r(S, { value: "explorer", className: "border-0", children: /* @__PURE__ */ r(j, { className: "rounded-lg font-medium h-11 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ r("span", { className: "text-title", children: /* @__PURE__ */ r(f, { value: "title", parentKey: "browser" }) }) }) }) })
+          children: /* @__PURE__ */ r(S, { value: "explorer", className: "border-0", children: /* @__PURE__ */ r(j, { className: "rounded-lg font-medium h-11 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ r("span", { className: "text-foreground", children: /* @__PURE__ */ r(f, { value: "title", parentKey: "browser" }) }) }) }) })
         }
       ),
       /* @__PURE__ */ r(
         "div",
         {
           className: "grid transition-[grid-template-rows] duration-300 ease-in-out",
-          style: { gridTemplateRows: t ? "1fr" : "0fr" },
+          style: { gridTemplateRows: n ? "1fr" : "0fr" },
           children: /* @__PURE__ */ r("div", { className: "overflow-hidden", children: /* @__PURE__ */ r("div", { className: "mt-3 rounded-lg flex flex-col gap-2 max-h-[60vh] overflow-auto", children: s.map((e) => /* @__PURE__ */ r("div", { className: "w-full", children: c(e) }, e.chainSymbol)) }) })
         }
       )

package/dist/lib/Nav.js

@@ -5,8 +5,8 @@ import v from "./User/index.js";
 import N from "./Setting/index.js";
 import u from "@0xchain/translation";
 import { twMerge as a } from "tailwind-merge";
-import k from "@0xchain/better-link";
-import { useLocale as S } from "next-intl";
+import S from "@0xchain/better-link";
+import { useLocale as k } from "next-intl";
 import P from "./User/Logout.js";
 import { useState as m, useCallback as B, useEffect as T } from "react";
 import I from "./User/SignIn.js";
@@ -14,12 +14,12 @@ import { fetchUserProfile as j } from "@0xchain/auth";
 import { onUserEvent as A, cleanUserEvent as R, USER_EVENTS as f } from "./events.js";
 import { usePathname as C } from "next/navigation";
 import D from "./Explorer.js";
-function ee({ onClick: s = () => {
+function ee({ onClick: o = () => {
 }, hideNews: p = !1, hideLogin: c = !1, user: h }) {
-  const { gotoAISQL: x, gotoChat: U } = k(), t = S(), l = C(), [w, g] = m(""), [o, E] = m(h), [X, b] = m(!1), y = [
+  const { gotoAISQL: x, gotoChat: g } = S(), t = k(), l = C(), [U, w] = m(""), [s, E] = m(h), [X, b] = m(!1), y = [
     {
       baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: U({ locale: t }),
+      href: g({ locale: t }),
       key: `/${t}`,
       label: /* @__PURE__ */ r("span", { children: "iSearch" }),
       show: (e) => e === `/${t}` || e.includes(`/${t}/conversation`)
@@ -35,7 +35,7 @@ function ee({ onClick: s = () => {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/explorer",
       key: "/explorer",
-      label: /* @__PURE__ */ r(D, { onClick: s, onExpandChange: b }),
+      label: /* @__PURE__ */ r(D, { onClick: o, onExpandChange: b }),
       show: (e) => e.includes("/explorer")
     },
     // {
@@ -63,7 +63,7 @@ function ee({ onClick: s = () => {
     }
   ].filter((e) => p ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), i = B(() => new Promise((e) => {
     j().then((n) => {
-      E(n), g((/* @__PURE__ */ new Date()).getTime().toString()), e(n);
+      E(n), w((/* @__PURE__ */ new Date()).getTime().toString()), e(n);
     });
   }), []);
   return T(() => (A(f.PROFILE_UPDATED, i), () => {
@@ -81,17 +81,17 @@ function ee({ onClick: s = () => {
           "ul",
           {
             className: a(
-              "flex flex-col justify-start items-start w-full  h-full text-sm  z-1001 text-title",
+              "flex flex-col justify-start items-start w-full  h-full text-sm  z-1001 text-foreground",
               "md:flex-row md:items-center md:w-auto md:h-[34px]  md:gap-6",
               "order-2 md:order-0"
             ),
-            children: y.map((e, n) => /* @__PURE__ */ r("li", { className: a("w-full md:px-4 md:py-1 md:h-auto font-bold md:w-auto cursor-pointer md:rounded-full", e.key === "/explorer" ? "h-auto" : "h-11", e.show(l) ? "md:text-primary md:bg-primary/20" : "md:hover:bg-stroke"), children: e.href === l ? e.label : /* @__PURE__ */ r(_, { href: e.href, onClick: s, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label }) }, n))
+            children: y.map((e, n) => /* @__PURE__ */ r("li", { className: a("w-full md:px-4 md:py-1 md:h-auto font-bold md:w-auto cursor-pointer md:rounded-full", e.key === "/explorer" ? "h-auto" : "h-11", e.show(l) ? "md:text-primary md:bg-primary/20" : "md:hover:bg-border"), children: e.href === l ? e.label : /* @__PURE__ */ r(_, { href: e.href, onClick: o, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label }) }, n))
           }
         ),
-        /* @__PURE__ */ r(N, { onClick: s }),
+        /* @__PURE__ */ r(N, { onClick: o }),
         !l.includes("/login") && !c ? /* @__PURE__ */ d(L, { children: [
-          /* @__PURE__ */ r(v, { onClick: s, userInfo: o }, w),
-          o != null && o.id ? /* @__PURE__ */ r("div", { className: "flex md:hidden h-11 md:h-auto  cursor-pointer whitespace-nowrap order-3 bg-background rounded-lg p-2 mt-3 w-full items-center justify-center text-subtitle", children: /* @__PURE__ */ r(P, {}) }) : /* @__PURE__ */ r(I, { onClick: s, className: "flex md:hidden h-11  cursor-pointer whitespace-nowrap order-3 bg-primary text-white rounded-lg p-2 mt-3 w-full items-center justify-center" })
+          /* @__PURE__ */ r(v, { onClick: o, userInfo: s }, U),
+          s != null && s.id ? /* @__PURE__ */ r("div", { className: "flex md:hidden h-11 md:h-auto  cursor-pointer whitespace-nowrap order-3 bg-background rounded-lg p-2 mt-3 w-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ r(P, {}) }) : /* @__PURE__ */ r(I, { onClick: o, className: "flex md:hidden h-11  cursor-pointer whitespace-nowrap order-3 bg-primary text-white rounded-lg p-2 mt-3 w-full items-center justify-center" })
         ] }) : null
       ]
     }

package/dist/lib/Setting/SettingBody.js

@@ -1,5 +1,5 @@
 'use client';
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useLocale as h, useTranslations as d } from "next-intl";
 import { useSearchParams as p, usePathname as x } from "next/navigation";
 import { Accordion as b, AccordionItem as w, AccordionTrigger as y, AccordionContent as N } from "@0xchain/ui/accordion";
@@ -10,7 +10,7 @@ import $ from "@0xchain/theme-toggle";
 function U({ onClick: f = () => {
 } }) {
   var i;
-  const a = h(), r = p(), t = d("lang"), s = d("setting"), o = [
+  const a = h(), l = p(), t = d("lang"), s = d("setting"), o = [
     { name: t("en"), lang: "en" },
     { name: t("ja"), lang: "ja" },
     { name: t("ko"), lang: "ko" },
@@ -18,16 +18,16 @@ function U({ onClick: f = () => {
     { name: t("zh-hans"), lang: "zh-hans" }
   ], c = x(), u = v(
     (n) => {
-      const m = c.replace(new RegExp(`/${a}(/|$)`), `/${n}$1`), g = r.toString();
+      const m = c.replace(new RegExp(`/${a}(/|$)`), `/${n}$1`), g = l.toString();
       return g ? `${m}?${g}` : m;
     },
-    [c, a, r]
+    [c, a, l]
   );
-  return /* @__PURE__ */ l("div", { className: "text-sm gap-2 flex flex-col justify-start items-start md:py-2", children: [
-    /* @__PURE__ */ e("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ e(b, { type: "single", className: "flex-1", collapsible: !0, children: /* @__PURE__ */ l(w, { value: a, className: "border-0", children: [
-      /* @__PURE__ */ e(y, { className: "p-2 bg-background rounded-lg h-11 md:h-auto text-gray-500 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ l("div", { className: "flex w-full justify-between items-center", children: [
-        /* @__PURE__ */ e("span", { className: "text-title", children: s("language") }),
-        /* @__PURE__ */ e("span", { className: "text-title", children: (i = o.find((n) => n.lang === a)) == null ? void 0 : i.name })
+  return /* @__PURE__ */ r("div", { className: "text-sm gap-2 flex flex-col justify-start items-start md:py-2", children: [
+    /* @__PURE__ */ e("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ e(b, { type: "single", className: "flex-1", collapsible: !0, children: /* @__PURE__ */ r(w, { value: a, className: "border-0", children: [
+      /* @__PURE__ */ e(y, { className: "p-2 bg-background rounded-lg h-11 md:h-auto text-gray-500 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: [
+        /* @__PURE__ */ e("span", { className: "text-foreground", children: s("language") }),
+        /* @__PURE__ */ e("span", { className: "text-foreground", children: (i = o.find((n) => n.lang === a)) == null ? void 0 : i.name })
       ] }) }),
       /* @__PURE__ */ e(N, { className: "bg-background mt-3 rounded-lg flex flex-col gap-2", children: o.map((n) => /* @__PURE__ */ e(
         k,
@@ -45,7 +45,7 @@ function U({ onClick: f = () => {
         n.lang
       )) })
     ] }) }) }),
-    /* @__PURE__ */ l("div", { className: "bg-background p-2 rounded-lg h-11 md:h-auto flex w-full justify-between items-center", children: [
+    /* @__PURE__ */ r("div", { className: "bg-background p-2 rounded-lg h-11 md:h-auto flex w-full justify-between items-center", children: [
       /* @__PURE__ */ e("div", { children: s("theme") }),
       /* @__PURE__ */ e($, {})
     ] })

package/dist/lib/Setting/index.js

@@ -1,16 +1,16 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import i from "@0xchain/iconfont";
-import l from "@0xchain/tooltip";
-import o from "./SettingBody.js";
-function g({ onClick: r = () => {
+import a from "@0xchain/tooltip";
+import r from "./SettingBody.js";
+function g({ onClick: o = () => {
 } }) {
   return /* @__PURE__ */ n("div", { className: "w-full md:w-auto order-3 md:order-0", children: [
-    /* @__PURE__ */ e("div", { className: "hidden md:flex  items-center bg-module hover:bg-stroke rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ e(l, { side: "bottom", onChange: (t) => {
+    /* @__PURE__ */ e("div", { className: "hidden md:flex  items-center bg-card hover:bg-border rounded-lg p-1.5 cursor-pointer", children: /* @__PURE__ */ e(a, { side: "bottom", onChange: (t) => {
       document.querySelectorAll("iframe").forEach((d) => {
         d.style.pointerEvents = t ? "none" : "auto";
       });
-    }, needClick: !0, contentClassName: "bg-module w-70 rounded-lg bg-module text-title border border-stroke", trigger: /* @__PURE__ */ e(i, { type: "icon-centersetup", className: "text-2xl" }), arrowClassName: "fill-module", children: /* @__PURE__ */ e(o, { onClick: r }) }) }),
-    /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(o, {}) })
+    }, needClick: !0, contentClassName: "bg-card w-70 rounded-lg bg-card text-foreground border border-border", trigger: /* @__PURE__ */ e(i, { type: "icon-centersetup", className: "text-2xl" }), arrowClassName: "fill-card", children: /* @__PURE__ */ e(r, { onClick: o }) }) }),
+    /* @__PURE__ */ e("div", { className: "md:hidden", children: /* @__PURE__ */ e(r, {}) })
   ] });
 }
 export {

package/dist/lib/User/Pc.js

@@ -1,29 +1,29 @@
 'use client';
-import { jsx as l, jsxs as r } from "react/jsx-runtime";
-import m from "@0xchain/link";
-import d from "@0xchain/translation";
+import { jsx as l, jsxs as a } from "react/jsx-runtime";
+import d from "@0xchain/link";
+import c from "@0xchain/translation";
 import n from "./MainTrigger.js";
-import c from "./Logout.js";
+import m from "./Logout.js";
 import s from "@0xchain/avatar";
 import p from "@0xchain/tooltip";
 function y({
-  list: t,
+  list: o,
   userInfo: e,
-  onClick: o
+  onClick: t
 }) {
-  return /* @__PURE__ */ l(p, { onChange: (a) => {
+  return /* @__PURE__ */ l(p, { onChange: (r) => {
     document.querySelectorAll("iframe").forEach((i) => {
-      i.style.pointerEvents = a ? "none" : "auto";
+      i.style.pointerEvents = r ? "none" : "auto";
     });
-  }, trigger: /* @__PURE__ */ l(n, { userInfo: e }), arrowClassName: "fill-module", contentClassName: "text-title w-75 p-0  border-transparent outline-none ", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 p-3 bg-module rounded-md", children: [
-    /* @__PURE__ */ l("div", { className: "flex flex-col gap-3 w-full bg-background rounded-lg p-2", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+  }, trigger: /* @__PURE__ */ l(n, { userInfo: e }), arrowClassName: "fill-card", contentClassName: "text-foreground w-75 p-0  border-transparent outline-none ", children: /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 p-3 bg-card rounded-md", children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col gap-3 w-full bg-background rounded-lg p-2", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ l(s, { userInfo: e, className: "w-8 h-8" }),
-      /* @__PURE__ */ r("div", { className: "flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ a("div", { className: "flex flex-col overflow-hidden", children: [
         /* @__PURE__ */ l("div", { className: "text-sm font-medium", children: (e == null ? void 0 : e.username) || "--" }),
         /* @__PURE__ */ l("div", { className: "text-xs text-muted-foreground w-full truncate", children: (e == null ? void 0 : e.email) || (e == null ? void 0 : e.walletAddress) })
       ] })
     ] }) }),
-    t.map((a) => /* @__PURE__ */ l("div", { className: "px-0 py-0 focus-visible:border-none focus-visible:outline-none", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2 w-full", children: a.name === "logout" ? /* @__PURE__ */ l(c, { className: "flex-1 flex py-3 border-t border-stroke w-full px-2 hover:bg-background" }) : /* @__PURE__ */ l(m, { href: `/${a.href}`, baseUrl: process.env.NEXT_PUBLIC_AUTH_URL, className: "flex-1 flex py-3 h-full w-full px-2 hover:bg-background hover:text-primary rounded-lg ", onClick: o, children: /* @__PURE__ */ l(d, { value: a.name, parentKey: "account" }) }) }) }, a.name))
+    o.map((r) => /* @__PURE__ */ l("div", { className: "px-0 py-0 focus-visible:border-none focus-visible:outline-none", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2 w-full", children: r.name === "logout" ? /* @__PURE__ */ l(m, { className: "flex-1 flex py-3 border-t border-border w-full px-2 hover:bg-background" }) : /* @__PURE__ */ l(d, { href: `/${r.href}`, baseUrl: process.env.NEXT_PUBLIC_AUTH_URL, className: "flex-1 flex py-3 h-full w-full px-2 hover:bg-background hover:text-primary rounded-lg ", onClick: t, children: /* @__PURE__ */ l(c, { value: r.name, parentKey: "account" }) }) }) }, r.name))
   ] }) });
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xchain/header",
-  "version": "0.0.1",
+  "version": "1.1.0-beta.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -32,19 +32,19 @@
     "tailwind-merge": "3.3.1",
     "next": "15.5.6",
     "antd": "6.1.1",
-    "@0xchain/auth": "0.0.1",
-    "@0xchain/avatar": "0.0.1",
-    "@0xchain/image": "0.0.1",
-    "@0xchain/better-link": "0.0.1",
-    "@0xchain/link": "0.0.1",
-    "@0xchain/translation": "0.0.1",
-    "@0xchain/theme-toggle": "0.0.1",
-    "@0xchain/iconfont": "0.0.1",
-    "@0xchain/request": "0.0.1",
-    "@0xchain/tooltip": "0.0.1",
-    "@0xchain/token": "0.0.1",
-    "@0xchain/with-login": "0.0.1",
-    "@0xchain/ui": "0.0.1"
+    "@0xchain/avatar": "1.1.0-beta.1",
+    "@0xchain/auth": "1.1.0-beta.1",
+    "@0xchain/image": "1.1.0-beta.1",
+    "@0xchain/better-link": "1.1.0-beta.1",
+    "@0xchain/translation": "1.1.0-beta.1",
+    "@0xchain/link": "1.1.0-beta.1",
+    "@0xchain/ui": "1.1.0-beta.1",
+    "@0xchain/iconfont": "1.1.0-beta.1",
+    "@0xchain/request": "1.1.0-beta.1",
+    "@0xchain/theme-toggle": "1.1.0-beta.1",
+    "@0xchain/with-login": "1.1.0-beta.1",
+    "@0xchain/tooltip": "1.1.0-beta.1",
+    "@0xchain/token": "1.1.0-beta.1"
   },
   "publishConfig": {
     "access": "public"