@arcblock/ux 3.1.30 → 3.1.32

package/lib/NavMenu/products.js

@@ -1,31 +1,31 @@
 import { jsx as e } from "react/jsx-runtime";
-import { useRef as D, useState as G, useEffect as S } from "react";
+import { useRef as $, useState as T, useEffect as S } from "react";
 import { Link as p } from "react-router-dom";
-import { useMemoizedFn as v, useCreation as B } from "ahooks";
-import { Box as g, useTheme as E } from "@mui/material";
-import T from "./sub-item-group.js";
-import { Item as F } from "./nav-menu.js";
+import { useMemoizedFn as A, useCreation as F } from "ahooks";
+import { Box as w, useTheme as G } from "@mui/material";
+import B from "./sub-item-group.js";
+import { Item as K } from "./nav-menu.js";
 import { styled as C } from "../Theme/index.js";
 import { useNavMenuContext as L } from "./nav-menu-context.js";
-import { translate as _ } from "../Locale/util.js";
-import { useLocaleContext as K } from "../Locale/context.js";
+import { translate as E } from "../Locale/util.js";
+import { useLocaleContext as _ } from "../Locale/context.js";
 import M from "./images/nft-studio.svg.js";
 import O from "./images/creator-studio.svg.js";
 import P from "./images/blocklet-launcher.svg.js";
-import R from "./images/blocklet-store.svg.js";
-import H from "./images/web3-kit.svg.js";
+import H from "./images/blocklet-store.svg.js";
+import R from "./images/web3-kit.svg.js";
 import z from "./images/blocklet-framework.svg.js";
-import V from "./images/abt-network.svg.js";
-import j from "./images/blocklet-server.svg.js";
+import j from "./images/abt-network.svg.js";
+import V from "./images/blocklet-server.svg.js";
 import q from "./images/OCAP.svg.js";
 import U from "./images/did.svg.js";
 import J from "./images/did-wallet.svg.js";
 import Q from "./images/vc.svg.js";
 import X from "./images/payment-kit.png";
 import Y from "./images/aigne.svg.js";
-import A from "./images/arcsphere.svg.js";
+import I from "./images/arcsphere.svg.js";
 import Z from "./images/aistro.png";
-const I = 260, ee = {
+const v = 260, ee = {
   en: {
     groups: {
       applications: "Applications",
@@ -217,10 +217,202 @@ const I = 260, ee = {
         description: "一套 API，连接所有模型"
       }
     }
+  },
+  "zh-TW": {
+    groups: {
+      applications: "應用",
+      components: "組件",
+      computeStorage: "計算/儲存",
+      identity: "身份",
+      frameworkTools: "框架與工具",
+      modelsAdapters: "模型適配器"
+    },
+    products: {
+      nftStudio: {
+        description: "鑄造和管理 NFT"
+      },
+      creatorStudio: {
+        description: "一體化創作工具"
+      },
+      aigne: {
+        description: "AI 應用的代理生態系統"
+      },
+      arcsphere: {
+        description: "AI 原生瀏覽器"
+      },
+      aistro: {
+        description: "AI 占星術"
+      },
+      blockletLauncher: {
+        description: "一鍵啟動應用程式"
+      },
+      aiKit: {
+        description: "AI 賦能應用"
+      },
+      paymentKit: {
+        description: "便捷的加密貨幣和銀行卡支付"
+      },
+      blockletStore: {
+        description: "發現和部署應用程式"
+      },
+      web3Kit: {
+        description: "Web3 開發工具包"
+      },
+      blockletFramework: {
+        description: "構建並運行 Blocklet"
+      },
+      didSpaces: {
+        description: "安全的個人儲存"
+      },
+      abtNetwork: {
+        description: "快速區塊鏈網路"
+      },
+      blockletServer: {
+        description: "輕鬆託管應用程式"
+      },
+      ocap: {
+        description: "多鏈連接器"
+      },
+      did: {
+        description: "自主身份"
+      },
+      didWallet: {
+        description: "智能數位錢包"
+      },
+      didNameService: {
+        description: "Web3 域名"
+      },
+      vc: {
+        description: "可驗證憑證"
+      },
+      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，連接所有模型"
+      }
+    }
+  },
+  ja: {
+    groups: {
+      applications: "アプリケーション",
+      components: "コンポーネント",
+      computeStorage: "コンピューティング/ストレージ",
+      identity: "アイデンティティ",
+      frameworkTools: "フレームワークとツール",
+      modelsAdapters: "モデルアダプター"
+    },
+    products: {
+      nftStudio: {
+        description: "NFTの作成と管理"
+      },
+      creatorStudio: {
+        description: "オールインワンクリエイターツール"
+      },
+      aigne: {
+        description: "AIアプリのためのエージェントエコシステム"
+      },
+      arcsphere: {
+        description: "AIネイティブブラウザ"
+      },
+      aistro: {
+        description: "AI駆動占星術"
+      },
+      blockletLauncher: {
+        description: "ワンクリックアプリ起動"
+      },
+      aiKit: {
+        description: "AIでアプリを強化"
+      },
+      paymentKit: {
+        description: "簡単な暗号通貨とカード決済"
+      },
+      blockletStore: {
+        description: "アプリの発見とデプロイ"
+      },
+      web3Kit: {
+        description: "Web3開発ツールキット"
+      },
+      blockletFramework: {
+        description: "Blockletの構築と実行"
+      },
+      didSpaces: {
+        description: "安全な個人ストレージ"
+      },
+      abtNetwork: {
+        description: "高速ブロックチェーンネットワーク"
+      },
+      blockletServer: {
+        description: "アプリの簡単なホスティング"
+      },
+      ocap: {
+        description: "マルチチェーンコネクター"
+      },
+      did: {
+        description: "自己主権ID"
+      },
+      didWallet: {
+        description: "スマートデジタルウォレット"
+      },
+      didNameService: {
+        description: "Web3ドメイン名"
+      },
+      vc: {
+        description: "検証可能な認証情報"
+      },
+      didConnect: {
+        description: "パスワード不要ログイン"
+      },
+      aigneCodeSmith: {
+        description: "AIでコードをレビューし改善"
+      },
+      aigneDocSmith: {
+        description: "AIでドキュメントを生成・更新"
+      },
+      aigneWebSmith: {
+        description: "AI駆動Webアプリの構築とデプロイ"
+      },
+      aigneCLI: {
+        description: "コマンドラインからエージェントを開発"
+      },
+      aigneObservability: {
+        description: "エージェントの動作を理解・分析"
+      },
+      aigneStudio: {
+        description: "コード不要でエージェントを視覚的に作成"
+      },
+      aigneFramework: {
+        description: "エージェントAIの機能コアフレームワーク"
+      },
+      aigneHub: {
+        description: "1つのAPIで全てのモデルに接続"
+      }
+    }
   }
-}, oe = C(g)`
+}, ie = C(w)`
   padding: 8px;
-  background: ${({ theme: i }) => i.palette.grey[100]};
+  background: ${({ theme: t }) => t.palette.grey[100]};
   border-radius: 8px;
 
   &.is-inline {
@@ -239,85 +431,85 @@ const I = 260, ee = {
   .MuiGrid-container + .MuiGrid-container {
     margin-top: 0px;
   }
-`, te = C(g, { shouldForwardProp: (i) => i !== "maxContent" })(
-  ({ theme: i, maxContent: c }) => ({
+`, oe = C(w, { shouldForwardProp: (t) => t !== "maxContent" })(
+  ({ theme: t, maxContent: c }) => ({
     display: "grid",
-    gap: i.spacing(1),
+    gap: t.spacing(1),
     gridTemplateColumns: `repeat(1, ${c}px)`,
-    [i.breakpoints.up("md")]: {
+    [t.breakpoints.up("md")]: {
       gridTemplateColumns: `repeat(2, ${c}px)`
     },
-    [i.breakpoints.up("lg")]: {
+    [t.breakpoints.up("lg")]: {
       gridTemplateColumns: `repeat(3, ${c}px)`
     }
   })
 );
-function y({ color: i = "black", backgroundColor: c = "transparent", children: l }) {
+function y({ color: t = "black", backgroundColor: c = "transparent", children: a }) {
   return /* @__PURE__ */ e(
-    g,
+    w,
     {
       component: "span",
       sx: {
         display: "inline-flex",
         alignItems: "center",
         justifyContent: "center",
-        color: i,
+        color: t,
         backgroundColor: c,
         borderRadius: "4px"
       },
-      children: l
+      children: a
     }
   );
 }
-function w({ color: i = "black", backgroundColor: c = "transparent" }) {
-  return /* @__PURE__ */ e(y, { color: i, backgroundColor: c, children: /* @__PURE__ */ e(U, { style: { width: "100%" } }) });
+function h({ color: t = "black", backgroundColor: c = "transparent" }) {
+  return /* @__PURE__ */ e(y, { color: t, backgroundColor: c, children: /* @__PURE__ */ e(U, { style: { width: "100%" } }) });
 }
-function d({ color: i = "black", backgroundColor: c = "transparent" }) {
-  return /* @__PURE__ */ e(y, { color: i, backgroundColor: c, children: /* @__PURE__ */ e(Y, { style: { width: "100%", height: "100%" } }) });
+function s({ color: t = "black", backgroundColor: c = "transparent" }) {
+  return /* @__PURE__ */ e(y, { color: t, backgroundColor: c, children: /* @__PURE__ */ e(Y, { style: { width: "100%", height: "100%" } }) });
 }
-const N = (i) => {
+const W = (t) => {
   try {
-    return new URL(i).origin !== window.location.origin;
+    return new URL(t).origin !== window.location.origin;
   } catch {
     return !1;
   }
 };
-function t({ to: i, children: c, className: l = "", ...u }) {
-  return N(i) ? /* @__PURE__ */ e(p, { to: i, target: "_blank", rel: "noreferrer noopener", className: l, ...u, children: c }) : /* @__PURE__ */ e(p, { to: i, className: l, ...u, children: c });
+function o({ to: t, children: c, className: a = "", ...u }) {
+  return W(t) ? /* @__PURE__ */ e(p, { to: t, target: "_blank", rel: "noreferrer noopener", className: a, ...u, children: c }) : /* @__PURE__ */ e(p, { to: t, className: a, ...u, children: c });
 }
-function De({ className: i = "", type: c, ...l }) {
-  const { mode: u } = L(), f = E(), { locale: r = "en" } = K() || {}, a = D(null), { palette: k } = f, o = v((n, s = {}) => _(ee, n, r, "en", s)), [x, W] = G(I), m = v(() => {
-    if (!a.current) return;
-    const n = a.current.querySelectorAll(".navmenu-item__content");
-    let s = I;
+function $e({ className: t = "", type: c, ...a }) {
+  const { mode: u } = L(), k = G(), { locale: r = "en" } = _() || {}, l = $(null), { palette: f } = k, i = A((n, d = {}) => E(ee, n, r, "en", d)), [N, D] = T(v), m = A(() => {
+    if (!l.current) return;
+    const n = l.current.querySelectorAll(".navmenu-item__content");
+    let d = v;
     n.forEach((b) => {
-      const h = b.getBoundingClientRect().width + 64;
-      h > s && (s = h);
-    }), W(s);
+      const g = b.getBoundingClientRect().width + 64;
+      g > d && (d = g);
+    }), D(d);
   });
   S(() => {
     m();
-  }, [f, r, c, m]), S(() => {
-    if (!a.current) return;
-    const n = a.current.querySelector(".navmenu-item__content");
+  }, [k, r, c, m]), S(() => {
+    if (!l.current) return;
+    const n = l.current.querySelector(".navmenu-item__content");
     if (!n) return;
-    const s = new ResizeObserver(() => {
+    const d = new ResizeObserver(() => {
       m();
     });
-    return s.observe(n), () => {
-      s.disconnect();
+    return d.observe(n), () => {
+      d.disconnect();
     };
   }, [m]);
-  const $ = B(() => {
+  const x = F(() => {
     if (c === "ARCBLOCK")
       return [
         {
           type: "Group",
-          label: o("groups.applications"),
+          label: i("groups.applications"),
           children: [
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.nftstudio.rocks/${r}`, children: "NFT Studio" }),
-              description: o("products.nftStudio.description"),
+              label: /* @__PURE__ */ e(o, { to: `https://www.nftstudio.rocks/${r}`, children: "NFT Studio" }),
+              description: i("products.nftStudio.description"),
               icon: /* @__PURE__ */ e(M, {})
             },
             {
@@ -330,50 +522,50 @@ function De({ className: i = "", type: c, ...l }) {
                   children: "Creator Studio"
                 }
               ),
-              description: o("products.creatorStudio.description"),
+              description: i("products.creatorStudio.description"),
               icon: /* @__PURE__ */ e(O, {})
             },
             {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/", children: "AIGNE" }),
-              description: o("products.aigne.description"),
-              icon: /* @__PURE__ */ e(d, { color: k.mode === "dark" ? "white" : "black" })
+              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/", children: "AIGNE" }),
+              description: i("products.aigne.description"),
+              icon: /* @__PURE__ */ e(s, { color: f.mode === "dark" ? "white" : "black" })
             },
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
-              description: o("products.arcsphere.description"),
-              icon: /* @__PURE__ */ e(A, {})
+              label: /* @__PURE__ */ e(o, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
+              description: i("products.arcsphere.description"),
+              icon: /* @__PURE__ */ e(I, {})
             }
           ]
         },
         {
           type: "Group",
-          label: o("groups.components"),
+          label: i("groups.components"),
           children: [
             {
-              label: /* @__PURE__ */ e(t, { to: `https://launcher.arcblock.io/${r}`, children: "Blocklet Launcher" }),
-              description: o("products.blockletLauncher.description"),
+              label: /* @__PURE__ */ e(o, { to: `https://launcher.arcblock.io/${r}`, children: "Blocklet Launcher" }),
+              description: i("products.blockletLauncher.description"),
               icon: /* @__PURE__ */ e(P, {})
             },
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${r}/payment-kit`, children: "Payment Kit" }),
-              description: o("products.paymentKit.description"),
+              label: /* @__PURE__ */ e(o, { to: `https://www.blocklet.io/${r}/payment-kit`, children: "Payment Kit" }),
+              description: i("products.paymentKit.description"),
               icon: /* @__PURE__ */ e("img", { src: X, alt: "Payment Kit" })
             },
             {
-              label: /* @__PURE__ */ e(t, { to: `https://store.blocklet.dev/?locale=${r}`, children: "Blocklet Store" }),
-              description: o("products.blockletStore.description"),
-              icon: /* @__PURE__ */ e(R, {})
+              label: /* @__PURE__ */ e(o, { to: `https://store.blocklet.dev/?locale=${r}`, children: "Blocklet Store" }),
+              description: i("products.blockletStore.description"),
+              icon: /* @__PURE__ */ e(H, {})
             },
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.web3kit.rocks/${r}`, children: "Web3 Kit" }),
-              description: o("products.web3Kit.description"),
-              icon: /* @__PURE__ */ e(H, {})
+              label: /* @__PURE__ */ e(o, { to: `https://www.web3kit.rocks/${r}`, children: "Web3 Kit" }),
+              description: i("products.web3Kit.description"),
+              icon: /* @__PURE__ */ e(R, {})
             }
           ]
         },
         {
           type: "Group",
-          label: o("groups.computeStorage"),
+          label: i("groups.computeStorage"),
           children: [
             {
               label: /* @__PURE__ */ e(
@@ -385,146 +577,146 @@ function De({ className: i = "", type: c, ...l }) {
                   children: "Blocklet Framework"
                 }
               ),
-              description: o("products.blockletFramework.description"),
+              description: i("products.blockletFramework.description"),
               icon: /* @__PURE__ */ e(z, {})
             },
             {
               label: /* @__PURE__ */ e(p, { to: `https://www.didspaces.com/${r}`, target: "_blank", rel: "noreferrer noopener", children: "DID Spaces" }),
-              description: o("products.didSpaces.description"),
-              icon: /* @__PURE__ */ e(w, { color: "#876bf4" })
+              description: i("products.didSpaces.description"),
+              icon: /* @__PURE__ */ e(h, { color: "#876bf4" })
             },
             {
               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(V, {})
+              description: i("products.abtNetwork.description"),
+              icon: /* @__PURE__ */ e(j, {})
             },
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.blocklet.io/${r}/blocklet-server`, children: "Blocklet Server" }),
-              description: o("products.blockletServer.description"),
-              icon: /* @__PURE__ */ e(j, {})
+              label: /* @__PURE__ */ e(o, { to: `https://www.blocklet.io/${r}/blocklet-server`, children: "Blocklet Server" }),
+              description: i("products.blockletServer.description"),
+              icon: /* @__PURE__ */ e(V, {})
             },
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/ocap`, children: "ОСАР" }),
-              description: o("products.ocap.description"),
+              label: /* @__PURE__ */ e(o, { to: `https://www.arcblock.io/content/collections/${r}/ocap`, children: "ОСАР" }),
+              description: i("products.ocap.description"),
               icon: /* @__PURE__ */ e(q, {})
             }
           ]
         },
         {
           type: "Group",
-          label: o("groups.identity"),
+          label: i("groups.identity"),
           children: [
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/did`, children: "DID" }),
-              description: o("products.did.description"),
-              icon: /* @__PURE__ */ e(w, { color: "#5b96f3" })
+              label: /* @__PURE__ */ e(o, { to: `https://www.arcblock.io/content/collections/${r}/did`, children: "DID" }),
+              description: i("products.did.description"),
+              icon: /* @__PURE__ */ e(h, { color: "#5b96f3" })
             },
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.didwallet.io/${r}`, children: "DID Wallet" }),
-              description: o("products.didWallet.description"),
+              label: /* @__PURE__ */ e(o, { to: `https://www.didwallet.io/${r}`, children: "DID Wallet" }),
+              description: i("products.didWallet.description"),
               icon: /* @__PURE__ */ e(J, {})
             },
             {
               label: /* @__PURE__ */ e(p, { to: `https://www.didnames.io/${r}`, target: "_blank", rel: "noreferrer noopener", children: "DID Names" }),
-              description: o("products.didNameService.description"),
-              icon: /* @__PURE__ */ e(w, { color: "#678ab0" })
+              description: i("products.didNameService.description"),
+              icon: /* @__PURE__ */ e(h, { color: "#678ab0" })
             },
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.arcblock.io/content/collections/${r}/verifiable-credential`, children: "VC" }),
-              description: o("products.vc.description"),
+              label: /* @__PURE__ */ e(o, { to: `https://www.arcblock.io/content/collections/${r}/verifiable-credential`, children: "VC" }),
+              description: i("products.vc.description"),
               icon: /* @__PURE__ */ e(Q, {})
             },
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.didconnect.io/${r}`, children: "DID Connect" }),
-              description: o("products.didConnect.description"),
-              icon: /* @__PURE__ */ e(w, { color: "#5bbec5" })
+              label: /* @__PURE__ */ e(o, { to: `https://www.didconnect.io/${r}`, children: "DID Connect" }),
+              description: i("products.didConnect.description"),
+              icon: /* @__PURE__ */ e(h, { color: "#5bbec5" })
             }
           ]
         }
       ];
     if (c === "AIGNE") {
       const n = {
-        onClick: (s) => {
-          s.preventDefault();
-          const b = s.currentTarget.href, h = N(b) ? "_blank" : "_self";
-          window.open(b, h);
+        onClick: (d) => {
+          d.preventDefault();
+          const b = d.currentTarget.href, g = W(b) ? "_blank" : "_self";
+          window.open(b, g);
         }
       };
       return [
         {
           type: "Group",
-          label: o("groups.applications"),
+          label: i("groups.applications"),
           children: [
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
-              description: o("products.arcsphere.description"),
-              icon: /* @__PURE__ */ e(A, {})
+              label: /* @__PURE__ */ e(o, { to: `https://www.arcsphere.io/${r}`, children: "ArcSphere" }),
+              description: i("products.arcsphere.description"),
+              icon: /* @__PURE__ */ e(I, {})
             },
             {
-              label: /* @__PURE__ */ e(t, { to: `https://www.aistro.io/${r}`, children: "Aistro" }),
-              description: o("products.aistro.description"),
+              label: /* @__PURE__ */ e(o, { to: `https://www.aistro.io/${r}`, children: "Aistro" }),
+              description: i("products.aistro.description"),
               icon: /* @__PURE__ */ e("img", { src: Z, alt: "Aistro" })
             },
             {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/code-smith", ...n, children: "AIGNE CodeSmith" }),
-              description: o("products.aigneCodeSmith.description"),
-              icon: /* @__PURE__ */ e(d, { color: "#56a596", backgroundColor: "#e9fcf6" })
+              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/code-smith", ...n, children: "AIGNE CodeSmith" }),
+              description: i("products.aigneCodeSmith.description"),
+              icon: /* @__PURE__ */ e(s, { color: "#56a596", backgroundColor: "#e9fcf6" })
             },
             {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/doc-smith", ...n, children: "AIGNE DocSmith" }),
-              description: o("products.aigneDocSmith.description"),
-              icon: /* @__PURE__ */ e(d, { color: "#e46f38", backgroundColor: "#f7e0d7" })
+              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/doc-smith", ...n, children: "AIGNE DocSmith" }),
+              description: i("products.aigneDocSmith.description"),
+              icon: /* @__PURE__ */ e(s, { color: "#e46f38", backgroundColor: "#f7e0d7" })
             },
             {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/web-smith", ...n, children: "AIGNE WebSmith" }),
-              description: o("products.aigneWebSmith.description"),
-              icon: /* @__PURE__ */ e(d, { color: "#7c45eb", backgroundColor: "#f0e9ff" })
+              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/web-smith", ...n, children: "AIGNE WebSmith" }),
+              description: i("products.aigneWebSmith.description"),
+              icon: /* @__PURE__ */ e(s, { color: "#7c45eb", backgroundColor: "#f0e9ff" })
             }
           ]
         },
         {
           type: "Group",
-          label: o("groups.frameworkTools"),
+          label: i("groups.frameworkTools"),
           children: [
             {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/cli", ...n, children: "AIGNE CLI" }),
-              description: o("products.aigneCLI.description"),
-              icon: /* @__PURE__ */ e(d, { color: "#d05d4e", backgroundColor: "#faeaea" })
+              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/cli", ...n, children: "AIGNE CLI" }),
+              description: i("products.aigneCLI.description"),
+              icon: /* @__PURE__ */ e(s, { color: "#d05d4e", backgroundColor: "#faeaea" })
             },
             {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/observability", ...n, children: "AIGNE Observability" }),
-              description: o("products.aigneObservability.description"),
-              icon: /* @__PURE__ */ e(d, { color: "#6ba456", backgroundColor: "#edfae8" })
+              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/observability", ...n, children: "AIGNE Observability" }),
+              description: i("products.aigneObservability.description"),
+              icon: /* @__PURE__ */ e(s, { color: "#6ba456", backgroundColor: "#edfae8" })
             },
             {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/studio", ...n, children: "AIGNE Studio" }),
-              description: o("products.aigneStudio.description"),
-              icon: /* @__PURE__ */ e(d, { color: "#676cbf", backgroundColor: "#edeeff" })
+              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/studio", ...n, children: "AIGNE Studio" }),
+              description: i("products.aigneStudio.description"),
+              icon: /* @__PURE__ */ e(s, { color: "#676cbf", backgroundColor: "#edeeff" })
             },
             {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/framework", ...n, children: "AIGNE Framework" }),
-              description: o("products.aigneFramework.description"),
-              icon: /* @__PURE__ */ e(d, { color: "#5086d0", backgroundColor: "#eef4ff" })
+              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/framework", ...n, children: "AIGNE Framework" }),
+              description: i("products.aigneFramework.description"),
+              icon: /* @__PURE__ */ e(s, { color: "#5086d0", backgroundColor: "#eef4ff" })
             }
           ]
         },
         {
           type: "Group",
-          label: o("groups.modelsAdapters"),
+          label: i("groups.modelsAdapters"),
           children: [
             {
-              label: /* @__PURE__ */ e(t, { to: "https://www.aigne.io/hub", ...n, children: "AIGNE Hub" }),
-              description: o("products.aigneHub.description"),
-              icon: /* @__PURE__ */ e(d, { color: "#e4930b", backgroundColor: "#fbf4d4" })
+              label: /* @__PURE__ */ e(o, { to: "https://www.aigne.io/hub", ...n, children: "AIGNE Hub" }),
+              description: i("products.aigneHub.description"),
+              icon: /* @__PURE__ */ e(s, { color: "#e4930b", backgroundColor: "#fbf4d4" })
             }
           ]
         }
       ];
     }
     return [];
-  }, [o, r, k]);
-  return /* @__PURE__ */ e(oe, { ref: a, className: `nav-menu-products is-${u} ${i}`, ...l, children: $.map((n) => /* @__PURE__ */ e(T, { label: n.label, children: /* @__PURE__ */ e(te, { maxContent: x, children: n.children.map((s) => /* @__PURE__ */ e(F, { variant: "panel", style: { padding: "8px" }, ...s })) }) }, n.label)) });
+  }, [i, r, f]);
+  return /* @__PURE__ */ e(ie, { ref: l, className: `nav-menu-products is-${u} ${t}`, ...a, children: x.map((n) => /* @__PURE__ */ e(B, { label: n.label, children: /* @__PURE__ */ e(oe, { maxContent: N, children: n.children.map((d) => /* @__PURE__ */ e(K, { variant: "panel", style: { padding: "8px" }, ...d })) }) }, n.label)) });
 }
 export {
-  De as default
+  $e as default
 };