@arcblock/ux 3.0.39 → 3.0.42

package/lib/NavMenu/products.js

@@ -1,40 +1,39 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useRef as u } from "react";
-import { Link as t } from "react-router-dom";
-import { useMemoizedFn as w, useCreation as k } from "ahooks";
-import { Box as g, useTheme as h, Grid as l } from "@mui/material";
-import f from "./sub-item-group.js";
-import { Item as S } from "./nav-menu.js";
-import { styled as v } from "../Theme/index.js";
-import { useNavMenuContext as y } from "./nav-menu-context.js";
-import { translate as $ } from "../Locale/util.js";
-import { useLocaleContext as _ } from "../Locale/context.js";
-import A from "./images/ai-kit.svg.js";
-import I from "./images/nft-studio.svg.js";
-import N from "./images/creator-studio.svg.js";
-import x from "./images/aigne.svg.js";
-import C from "./images/arcsphere.svg.js";
-import D from "./images/aistro.svg.js";
-import K from "./images/blocklet-launcher.svg.js";
-import B from "./images/blocklet-store.svg.js";
-import W from "./images/web3-kit.svg.js";
-import F from "./images/blocklet-framework.svg.js";
-import G from "./images/abt-network.svg.js";
-import L from "./images/blocklet-server.svg.js";
-import M from "./images/OCAP.svg.js";
-import d from "./images/did.svg.js";
-import P from "./images/did-wallet.svg.js";
-import T from "./images/did-name-service.svg.js";
-import z from "./images/vc.svg.js";
-import O from "./images/did-connect.svg.js";
-import V from "./images/payment-kit.png";
-const E = {
+import { useRef as $, useState as D, useEffect as k } from "react";
+import { Link as p } from "react-router-dom";
+import { useMemoizedFn as S, useCreation as G } from "ahooks";
+import { Box as h, useTheme as E } from "@mui/material";
+import B from "./sub-item-group.js";
+import { Item as T } from "./nav-menu.js";
+import { styled as I } from "../Theme/index.js";
+import { useNavMenuContext as F } from "./nav-menu-context.js";
+import { translate as K } from "../Locale/util.js";
+import { useLocaleContext as L } from "../Locale/context.js";
+import M from "./images/nft-studio.svg.js";
+import _ from "./images/creator-studio.svg.js";
+import O from "./images/blocklet-launcher.svg.js";
+import P from "./images/blocklet-store.svg.js";
+import R from "./images/web3-kit.svg.js";
+import H from "./images/blocklet-framework.svg.js";
+import z from "./images/abt-network.svg.js";
+import V from "./images/blocklet-server.svg.js";
+import j from "./images/OCAP.svg.js";
+import q from "./images/did.svg.js";
+import U from "./images/did-wallet.svg.js";
+import J from "./images/vc.svg.js";
+import Q from "./images/payment-kit.png";
+import X from "./images/aigne.svg.js";
+import v from "./images/arcsphere.svg.js";
+import Y from "./images/aistro.png";
+const A = 260, Z = {
   en: {
     groups: {
       applications: "Applications",
       components: "Components",
       computeStorage: "Compute/Storage",
-      identity: "Identity"
+      identity: "Identity",
+      frameworkTools: "Framework & tools",
+      modelsAdapters: "Models adapters"
     },
     products: {
       nftStudio: {
@@ -44,7 +43,7 @@ const E = {
         description: "All-in-one creator tool"
       },
       aigne: {
-        description: "Your AI assistant"
+        description: "The Agentic Ecosystem for AI Apps"
       },
       arcsphere: {
         description: "AI native browser"
@@ -96,6 +95,30 @@ const E = {
       },
       didConnect: {
         description: "Passwordless login"
+      },
+      aigneCodeSmith: {
+        description: "Review and improve your code with AI"
+      },
+      aigneDocSmith: {
+        description: "Generate and update docs with AI"
+      },
+      aigneWebSmith: {
+        description: "Build and deploy AI-powered web apps"
+      },
+      aigneCLI: {
+        description: "Develop agents from the command line"
+      },
+      aigneObservability: {
+        description: "Understand and inspect agent behavior"
+      },
+      aigneStudio: {
+        description: "Create agents visually, no code needed"
+      },
+      aigneFramework: {
+        description: "The functional core of agentic AI"
+      },
+      aigneHub: {
+        description: "One API. Any Model"
       }
     }
   },
@@ -104,7 +127,9 @@ const E = {
       applications: "应用",
       components: "组件",
       computeStorage: "计算/存储",
-      identity: "身份"
+      identity: "身份",
+      frameworkTools: "框架与工具",
+      modelsAdapters: "模型适配器"
     },
     products: {
       nftStudio: {
@@ -114,7 +139,7 @@ const E = {
         description: "一体化创作工具"
       },
       aigne: {
-        description: "您的人工智能助手"
+        description: "AI 应用的代理生态系统"
       },
       arcsphere: {
         description: "AI 原生浏览器"
@@ -166,14 +191,36 @@ const E = {
       },
       didConnect: {
         description: "无密码登录"
+      },
+      aigneCodeSmith: {
+        description: "使用 AI 审查并优化你的代码"
+      },
+      aigneDocSmith: {
+        description: "用 AI 生成和更新项目文档"
+      },
+      aigneWebSmith: {
+        description: "构建并部署 AI 驱动的 Web 应用"
+      },
+      aigneCLI: {
+        description: "通过命令行开发 Agent"
+      },
+      aigneObservability: {
+        description: "理解并分析 Agent 的行为"
+      },
+      aigneStudio: {
+        description: "零代码构建 Agent"
+      },
+      aigneFramework: {
+        description: "Agent AI 的功能核心框架"
+      },
+      aigneHub: {
+        description: "一套 API，连接所有模型"
       }
     }
   }
-}, R = v(g)`
-  width: 80vw;
-  max-width: 900px;
+}, ee = I(h)`
   padding: 8px;
-  background: ${({ theme: c }) => c.palette.grey[100]};
+  background: ${({ theme: r }) => r.palette.grey[100]};
   border-radius: 8px;
 
   &.is-inline {
@@ -192,187 +239,277 @@ const E = {
   .MuiGrid-container + .MuiGrid-container {
     margin-top: 0px;
   }
-`;
-function ye({ className: c, isOpen: j = void 0, ...s }) {
-  const { mode: a } = y(), { palette: p } = h(), m = u(null), { locale: o = "en" } = _() || {}, r = w((i, n = {}) => $(E, i, o, "en", n)), b = k(() => [
+`, oe = I(h, { shouldForwardProp: (r) => r !== "maxContent" })(
+  ({ theme: r, maxContent: n }) => ({
+    display: "grid",
+    gap: r.spacing(1),
+    gridTemplateColumns: `repeat(1, ${n}px)`,
+    [r.breakpoints.up("md")]: {
+      gridTemplateColumns: `repeat(2, ${n}px)`
+    },
+    [r.breakpoints.up("lg")]: {
+      gridTemplateColumns: `repeat(3, ${n}px)`
+    }
+  })
+);
+function C({ color: r = "black", backgroundColor: n = "transparent", children: l }) {
+  return /* @__PURE__ */ e(
+    h,
+    {
+      component: "span",
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: r,
+        backgroundColor: n,
+        borderRadius: "4px"
+      },
+      children: l
+    }
+  );
+}
+function m({ color: r = "black", backgroundColor: n = "transparent" }) {
+  return /* @__PURE__ */ e(C, { color: r, backgroundColor: n, children: /* @__PURE__ */ e(q, { style: { width: "100%" } }) });
+}
+function d({ color: r = "black", backgroundColor: n = "transparent" }) {
+  return /* @__PURE__ */ e(C, { color: r, backgroundColor: n, children: /* @__PURE__ */ e(X, { style: { width: "100%", height: "100%" } }) });
+}
+function t({ to: r, children: n, className: l = "" }) {
+  return (() => {
+    try {
+      return new URL(r).origin !== window.location.origin;
+    } catch {
+      return !1;
+    }
+  })() ? /* @__PURE__ */ e(p, { to: r, target: "_blank", rel: "noreferrer noopener", className: l, children: n }) : /* @__PURE__ */ e(p, { to: r, className: l, children: n });
+}
+function $e({ className: r = "", type: n, ...l }) {
+  const { mode: w } = F(), b = E(), { locale: i = "en" } = L() || {}, a = $(null), { palette: g } = b, o = S((c, s = {}) => K(Z, c, i, "en", s)), [y, N] = D(A), u = S(() => {
+    if (!a.current) return;
+    const c = a.current.querySelectorAll(".navmenu-item__content");
+    let s = A;
+    c.forEach((W) => {
+      const f = W.getBoundingClientRect().width + 64;
+      f > s && (s = f);
+    }), N(s);
+  });
+  k(() => {
+    u();
+  }, [b, i, n, u]), k(() => {
+    if (!a.current) return;
+    const c = a.current.querySelector(".navmenu-item__content");
+    if (!c) return;
+    const s = new ResizeObserver(() => {
+      u();
+    });
+    return s.observe(c), () => {
+      s.disconnect();
+    };
+  }, [u]);
+  const x = G(() => n === "ARCBLOCK" ? [
     {
       type: "Group",
-      label: r("groups.applications"),
+      label: o("groups.applications"),
       children: [
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.nftstudio.rocks/${o}`, target: "_blank", rel: "noreferrer noopener", children: "NFT Studio" }),
-          description: r("products.nftStudio.description"),
-          icon: /* @__PURE__ */ e(I, {})
+          label: /* @__PURE__ */ e(t, { to: `https://www.nftstudio.rocks/${i}`, children: "NFT Studio" }),
+          description: o("products.nftStudio.description"),
+          icon: /* @__PURE__ */ e(M, {})
         },
         {
           label: /* @__PURE__ */ e(
-            t,
+            p,
             {
-              to: `https://www.arcblock.io/content/collections/${o}/creator-studio`,
+              to: `https://www.arcblock.io/content/collections/${i}/creator-studio`,
               target: "_blank",
               rel: "noreferrer noopener",
               children: "Creator Studio"
             }
           ),
-          description: r("products.creatorStudio.description"),
-          icon: /* @__PURE__ */ e(N, {})
+          description: o("products.creatorStudio.description"),
+          icon: /* @__PURE__ */ e(_, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.aistro.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "Aistro" }),
-          description: r("products.aistro.description"),
-          icon: /* @__PURE__ */ e(D, {})
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/", children: "AIGNE" }),
+          description: o("products.aigne.description"),
+          icon: /* @__PURE__ */ e(d, { color: g.mode === "dark" ? "white" : "black" })
         },
         {
-          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/", target: "_blank", rel: "noreferrer noopener", children: "AIGNE" }),
-          description: r("products.aigne.description"),
-          icon: /* @__PURE__ */ e(x, { style: { filter: p.mode === "dark" ? "invert(1)" : "none" } })
-        },
-        {
-          label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "ArcSphere" }),
-          description: r("products.arcsphere.description"),
-          icon: /* @__PURE__ */ e(C, {})
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${i}`, children: "ArcSphere" }),
+          description: o("products.arcsphere.description"),
+          icon: /* @__PURE__ */ e(v, {})
         }
       ]
     },
     {
       type: "Group",
-      label: r("groups.components"),
+      label: o("groups.components"),
       children: [
         {
-          label: /* @__PURE__ */ e(t, { to: `https://launcher.arcblock.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "Blocklet Launcher" }),
-          description: r("products.blockletLauncher.description"),
-          icon: /* @__PURE__ */ e(K, {})
-        },
-        {
-          label: /* @__PURE__ */ e(t, { to: `https://www.aikit.rocks/${o}`, target: "_blank", rel: "noreferrer noopener", children: "AI Kit" }),
-          description: r("products.aiKit.description"),
-          icon: /* @__PURE__ */ e(A, {})
+          label: /* @__PURE__ */ e(t, { to: `https://launcher.arcblock.io/${i}`, children: "Blocklet Launcher" }),
+          description: o("products.blockletLauncher.description"),
+          icon: /* @__PURE__ */ e(O, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${o}/payment-kit`, target: "_blank", rel: "noreferrer noopener", children: "Payment Kit" }),
-          description: r("products.paymentKit.description"),
-          icon: /* @__PURE__ */ e("img", { src: V, alt: "Payment Kit" })
+          label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${i}/payment-kit`, children: "Payment Kit" }),
+          description: o("products.paymentKit.description"),
+          icon: /* @__PURE__ */ e("img", { src: Q, alt: "Payment Kit" })
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://store.blocklet.dev/?locale=${o}`, target: "_blank", rel: "noreferrer noopener", children: "Blocklet Store" }),
-          description: r("products.blockletStore.description"),
-          icon: /* @__PURE__ */ e(B, {})
+          label: /* @__PURE__ */ e(t, { to: `https://store.blocklet.dev/?locale=${i}`, children: "Blocklet Store" }),
+          description: o("products.blockletStore.description"),
+          icon: /* @__PURE__ */ e(P, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.web3kit.rocks/${o}`, target: "_blank", rel: "noreferrer noopener", children: "Web3 Kit" }),
-          description: r("products.web3Kit.description"),
-          icon: /* @__PURE__ */ e(W, {})
+          label: /* @__PURE__ */ e(t, { to: `https://www.web3kit.rocks/${i}`, children: "Web3 Kit" }),
+          description: o("products.web3Kit.description"),
+          icon: /* @__PURE__ */ e(R, {})
         }
       ]
     },
     {
       type: "Group",
-      label: r("groups.computeStorage"),
+      label: o("groups.computeStorage"),
       children: [
         {
           label: /* @__PURE__ */ e(
-            t,
+            p,
             {
-              to: `https://www.arcblock.io/content/collections/${o}/blocklet`,
+              to: `https://www.arcblock.io/content/collections/${i}/blocklet`,
               target: "_blank",
               rel: "noreferrer noopener",
               children: "Blocklet Framework"
             }
           ),
-          description: r("products.blockletFramework.description"),
-          icon: /* @__PURE__ */ e(F, {})
+          description: o("products.blockletFramework.description"),
+          icon: /* @__PURE__ */ e(H, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.didspaces.com/${o}`, target: "_blank", rel: "noreferrer noopener", children: "DID Spaces" }),
-          description: r("products.didSpaces.description"),
-          icon: /* @__PURE__ */ e(d, {})
+          label: /* @__PURE__ */ e(p, { to: `https://www.didspaces.com/${i}`, target: "_blank", rel: "noreferrer noopener", children: "DID Spaces" }),
+          description: o("products.didSpaces.description"),
+          icon: /* @__PURE__ */ e(m, { color: "#876bf4" })
         },
         {
-          label: /* @__PURE__ */ e(t, { to: "https://main.abtnetwork.io/", target: "_blank", rel: "noreferrer noopener", children: "ABT Network" }),
-          description: r("products.abtNetwork.description"),
-          icon: /* @__PURE__ */ e(G, {})
+          label: /* @__PURE__ */ e(p, { to: "https://main.abtnetwork.io/", target: "_blank", rel: "noreferrer noopener", children: "ABT Network" }),
+          description: o("products.abtNetwork.description"),
+          icon: /* @__PURE__ */ e(z, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${o}/blocklet-server`, target: "_blank", rel: "noreferrer noopener", children: "Blocklet Server" }),
-          description: r("products.blockletServer.description"),
-          icon: /* @__PURE__ */ e(L, {})
+          label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${i}/blocklet-server`, children: "Blocklet Server" }),
+          description: o("products.blockletServer.description"),
+          icon: /* @__PURE__ */ e(V, {})
         },
         {
-          label: /* @__PURE__ */ e(
-            t,
-            {
-              to: `https://www.arcblock.io/content/collections/${o}/ocap`,
-              target: "_blank",
-              rel: "noreferrer noopener",
-              children: "ОСАР"
-            }
-          ),
-          description: r("products.ocap.description"),
-          icon: /* @__PURE__ */ e(M, {})
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${i}/ocap`, children: "ОСАР" }),
+          description: o("products.ocap.description"),
+          icon: /* @__PURE__ */ e(j, {})
         }
       ]
     },
     {
       type: "Group",
-      label: r("groups.identity"),
+      label: o("groups.identity"),
       children: [
         {
-          label: /* @__PURE__ */ e(
-            t,
-            {
-              to: `https://www.arcblock.io/content/collections/${o}/did`,
-              target: "_blank",
-              rel: "noreferrer noopener",
-              children: "DID"
-            }
-          ),
-          description: r("products.did.description"),
-          icon: /* @__PURE__ */ e(d, {})
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${i}/did`, children: "DID" }),
+          description: o("products.did.description"),
+          icon: /* @__PURE__ */ e(m, { color: "#5b96f3" })
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.didwallet.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "DID Wallet" }),
-          description: r("products.didWallet.description"),
-          icon: /* @__PURE__ */ e(P, {})
+          label: /* @__PURE__ */ e(t, { to: `https://www.didwallet.io/${i}`, children: "DID Wallet" }),
+          description: o("products.didWallet.description"),
+          icon: /* @__PURE__ */ e(U, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.didnames.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "DID Names" }),
-          description: r("products.didNameService.description"),
-          icon: /* @__PURE__ */ e(T, {})
+          label: /* @__PURE__ */ e(p, { to: `https://www.didnames.io/${i}`, target: "_blank", rel: "noreferrer noopener", children: "DID Names" }),
+          description: o("products.didNameService.description"),
+          icon: /* @__PURE__ */ e(m, { color: "#678ab0" })
         },
         {
-          label: /* @__PURE__ */ e(
-            t,
-            {
-              to: `https://www.arcblock.io/content/collections/${o}/verifiable-credential`,
-              target: "_blank",
-              rel: "noreferrer noopener",
-              children: "VC"
-            }
-          ),
-          description: r("products.vc.description"),
-          icon: /* @__PURE__ */ e(z, {})
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${i}/verifiable-credential`, children: "VC" }),
+          description: o("products.vc.description"),
+          icon: /* @__PURE__ */ e(J, {})
         },
         {
-          label: /* @__PURE__ */ e(t, { to: `https://www.didconnect.io/${o}`, target: "_blank", rel: "noreferrer noopener", children: "DID Connect" }),
-          description: r("products.didConnect.description"),
-          icon: /* @__PURE__ */ e(O, {})
+          label: /* @__PURE__ */ e(t, { to: `https://www.didconnect.io/${i}`, children: "DID Connect" }),
+          description: o("products.didConnect.description"),
+          icon: /* @__PURE__ */ e(m, { color: "#5bbec5" })
         }
       ]
     }
-  ], [r, o, p]);
-  return /* @__PURE__ */ e(R, { ref: m, className: `is-${a} ${c}`, ...s, children: b.map((i) => /* @__PURE__ */ e(f, { label: i.label, children: /* @__PURE__ */ e(l, { container: !0, columnSpacing: 1, rowSpacing: 1, children: i.children.map((n) => /* @__PURE__ */ e(
-    l,
+  ] : n === "AIGNE" ? [
     {
-      size: {
-        xs: 12,
-        md: 6,
-        lg: 4
-      },
-      children: /* @__PURE__ */ e(S, { variant: "panel", style: { padding: "8px" }, ...n })
+      type: "Group",
+      label: o("groups.applications"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${i}`, children: "ArcSphere" }),
+          description: o("products.arcsphere.description"),
+          icon: /* @__PURE__ */ e(v, {})
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: `https://www.aistro.io/${i}`, children: "Aistro" }),
+          description: o("products.aistro.description"),
+          icon: /* @__PURE__ */ e("img", { src: Y, alt: "Aistro" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/doc-smith", children: "AIGNE CodeSmith" }),
+          description: o("products.aigneCodeSmith.description"),
+          icon: /* @__PURE__ */ e(d, { color: "#56a596", backgroundColor: "#e9fcf6" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/code-smith", children: "AIGNE DocSmith" }),
+          description: o("products.aigneDocSmith.description"),
+          icon: /* @__PURE__ */ e(d, { color: "#e46f38", backgroundColor: "#f7e0d7" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/web-smith", children: "AIGNE WebSmith" }),
+          description: o("products.aigneWebSmith.description"),
+          icon: /* @__PURE__ */ e(d, { color: "#7c45eb", backgroundColor: "#f0e9ff" })
+        }
+      ]
+    },
+    {
+      type: "Group",
+      label: o("groups.frameworkTools"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/cli", children: "AIGNE CLI" }),
+          description: o("products.aigneCLI.description"),
+          icon: /* @__PURE__ */ e(d, { color: "#d05d4e", backgroundColor: "#faeaea" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/observability", children: "AIGNE Observability" }),
+          description: o("products.aigneObservability.description"),
+          icon: /* @__PURE__ */ e(d, { color: "#6ba456", backgroundColor: "#edfae8" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/studio", children: "AIGNE Studio" }),
+          description: o("products.aigneStudio.description"),
+          icon: /* @__PURE__ */ e(d, { color: "#676cbf", backgroundColor: "#edeeff" })
+        },
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/framework", children: "AIGNE Framework" }),
+          description: o("products.aigneFramework.description"),
+          icon: /* @__PURE__ */ e(d, { color: "#5086d0", backgroundColor: "#eef4ff" })
+        }
+      ]
     },
-    n.description
-  )) }) }, i.label)) });
+    {
+      type: "Group",
+      label: o("groups.modelsAdapters"),
+      children: [
+        {
+          label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/hub", children: "AIGNE Hub" }),
+          description: o("products.aigneHub.description"),
+          icon: /* @__PURE__ */ e(d, { color: "#e4930b", backgroundColor: "#fbf4d4" })
+        }
+      ]
+    }
+  ] : [], [o, i, g]);
+  return /* @__PURE__ */ e(ee, { ref: a, className: `nav-menu-products is-${w} ${r}`, ...l, children: x.map((c) => /* @__PURE__ */ e(B, { label: c.label, children: /* @__PURE__ */ e(oe, { maxContent: y, children: c.children.map((s) => /* @__PURE__ */ e(T, { variant: "panel", style: { padding: "8px" }, ...s })) }) }, c.label)) });
 }
 export {
-  ye as default
+  $e as default
 };

package/lib/NavMenu/style.js

@@ -23,7 +23,7 @@ const o = i("nav", {
     flexDirection: "column",
     alignItems: "stretch"
   }
-})), a = i("li", {
+})), e = i("li", {
   shouldForwardProp: (n) => n !== "$activeTextColor"
 })(({ $activeTextColor: n, theme: t }) => ({
   display: "flex",
@@ -67,7 +67,7 @@ const o = i("nav", {
     justifyContent: "center",
     marginRight: "4px",
     "& > *": {
-      width: "auto",
+      width: "22px",
       height: "22px",
       maxHeight: "22px",
       fontSize: "1.5em"
@@ -110,6 +110,7 @@ const o = i("nav", {
     padding: "8px 16px",
     borderRadius: "8px",
     ".navmenu-item__icon": {
+      flexShrink: 0,
       width: "32px",
       height: "32px",
       marginRight: "16px",
@@ -155,7 +156,7 @@ const o = i("nav", {
     lineHeight: "48px",
     flexWrap: "wrap"
   }
-})), s = i(a)(({ theme: n }) => ({
+})), s = i(e)(({ theme: n }) => ({
   ".navmenu-item": {
     marginLeft: 0,
     overflow: "hidden"
@@ -229,7 +230,7 @@ const o = i("nav", {
   }
 }));
 export {
-  a as NavMenuItem,
+  e as NavMenuItem,
   r as NavMenuRoot,
   o as NavMenuStyled,
   s as NavMenuSub,

package/lib/NavMenu/sub-item-group.js

@@ -19,7 +19,13 @@ const u = l(r)`
     padding: 0;
   }
 `;
-function d({ label: o, children: a, className: n, sx: t, ...p }) {
+function d({
+  label: o,
+  children: a,
+  className: n = "",
+  sx: t,
+  ...p
+}) {
   return /* @__PURE__ */ s(u, { className: `nav-menu-sub-item-group ${n}`, sx: { ...t }, ...p, children: [
     /* @__PURE__ */ e(r, { className: "group-label", children: o }),
     /* @__PURE__ */ e(r, { component: "ul", className: "nav", children: a })

package/lib/UserCard/index.js

@@ -25,11 +25,15 @@ function B(e) {
   const n = P(() => {
     if (!i)
       return null;
-    const { avatar: a = "", ...d } = i, h = a.split("?")[1];
-    return a && !h ? {
-      ...d,
-      avatar: `${a}?imageFilter=resize&w=48&h=48`
-    } : i;
+    const { avatar: a = "", ...d } = i;
+    if (a) {
+      const h = a.split("?")[1] || "";
+      return {
+        ...d,
+        avatar: h ? a : `${a}?imageFilter=resize&w=48&h=48`
+      };
+    }
+    return i;
   }, [i]);
   if (!n)
     return /* @__PURE__ */ t(w, { did: e.did, size: e.avatarSize, useProxyFallback: !0, ...e.avatarProps });