@arcblock/ux 3.0.7 → 3.0.8

package/lib/Layout/dashboard/index.js

@@ -1,23 +1,25 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
 import { useMemo as M, useEffect as u } from "react";
 import { useLocation as x, matchPath as z } from "react-router-dom";
 import D from "react-helmet";
-import { Box as i, Container as R } from "@mui/material";
-import T from "clsx";
-import { CloseFullscreen as V, OpenInFull as B } from "@mui/icons-material";
-import U from "../dashboard-legacy";
-import { ResponsiveHeader as E } from "../../Header";
-import G from "../../NavMenu";
-import O from "../../Footer";
-import p from "./sidebar";
-import { styled as g, useTheme as q } from "../../Theme";
-import { Link as v } from "./external-link";
-import { FullPageProvider as A, useFullPage as J } from "./full-page";
+import { useTheme as R, Box as i, Container as T } from "@mui/material";
+import V from "clsx";
+import { CloseFullscreen as B, OpenInFull as U } from "@mui/icons-material";
+import E from "../dashboard-legacy/index.js";
+import "../../Header/header.js";
+import G from "../../Header/responsive-header.js";
+import O from "../../NavMenu/nav-menu.js";
+import "../../NavMenu/products.js";
+import q from "../../Footer/index.js";
+import p from "./sidebar.js";
+import { styled as g } from "../../Theme/index.js";
+import { Link as v } from "./external-link.js";
+import { FullPageProvider as A, useFullPage as J } from "./full-page.js";
 function K({ closeMenu: o, ...a }) {
   const e = x();
   return u(() => {
     o();
-  }, [e]), /* @__PURE__ */ r(G, { ...a });
+  }, [e]), /* @__PURE__ */ r(O, { ...a });
 }
 function w(o, a) {
   return o.map((e) => {
@@ -40,16 +42,16 @@ function Q({
   links: e = [],
   sidebarWidth: s = 120,
   fullWidth: y = !1,
-  dense: h = "auto",
+  dense: c = "auto",
   footerProps: N = {},
   sx: P = {},
   children: F,
   ...m
 }) {
-  const b = q(), { inFullPage: L, showToggleButton: W, headerVisible: C, footerVisible: H, sidebarVisible: _, toggleFullPage: $ } = J(), f = x(), l = M(() => w(e, f), [f, e]), S = l.some((t) => {
+  const b = R(), { inFullPage: L, showToggleButton: W, headerVisible: $, footerVisible: C, sidebarVisible: H, toggleFullPage: _ } = J(), f = x(), l = M(() => w(e, f), [f, e]), S = l.some((t) => {
     var d;
     return !!((d = t.children) != null && d.length);
-  }), n = h === "auto" ? l.length >= 8 || S : h, j = T("dashboard", { "dashboard-dense": n }, m.className), I = {
+  }), n = c === "auto" ? l.length >= 8 || S : c, j = V("dashboard", { "dashboard-dense": n }, m.className), I = {
     homeLink: (t) => {
       var d;
       return /* @__PURE__ */ r(v, { to: ((d = window.blocklet) == null ? void 0 : d.prefix) || "/", children: t });
@@ -59,9 +61,9 @@ function Q({
   return u(() => {
     const { searchParams: t } = new URL(window.location.href);
     t.get("inviter") && window.localStorage.setItem("inviter", t.get("inviter"));
-  }, []), /* @__PURE__ */ c(X, { sx: P, ...m, className: j, sidebarWidth: s, children: [
+  }, []), /* @__PURE__ */ h(X, { sx: P, ...m, className: j, sidebarWidth: s, children: [
     /* @__PURE__ */ r(D, { title: o }, o),
-    C && /* @__PURE__ */ r(Y, { ...I, className: "dashboard-header", children: e != null && e.length ? ({ isMobile: t, closeMenu: d }) => t ? /* @__PURE__ */ r(
+    $ && /* @__PURE__ */ r(Y, { ...I, className: "dashboard-header", children: e != null && e.length ? ({ isMobile: t, closeMenu: d }) => t ? /* @__PURE__ */ r(
       K,
       {
         mode: "inline",
@@ -71,7 +73,7 @@ function Q({
         activeTextColor: b.palette.primary.main
       }
     ) : null : null }),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ h(
       i,
       {
         className: "dashboard-body",
@@ -79,7 +81,7 @@ function Q({
           display: "flex"
         },
         children: [
-          !!(e != null && e.length) && _ && /* @__PURE__ */ r(
+          !!(e != null && e.length) && H && /* @__PURE__ */ r(
             i,
             {
               className: "dashboard-sidebar",
@@ -92,7 +94,7 @@ function Q({
               children: n ? /* @__PURE__ */ r(p, { links: e, dense: n }) : /* @__PURE__ */ r(i, { className: "dashboard-sidebar-container", children: /* @__PURE__ */ r(p, { links: e, dense: n }) })
             }
           ),
-          /* @__PURE__ */ c(i, { className: "dashboard-main", id: "arc__dashboard-main", children: [
+          /* @__PURE__ */ h(i, { className: "dashboard-main", id: "arc__dashboard-main", children: [
             W && /* @__PURE__ */ r(
               i,
               {
@@ -110,12 +112,12 @@ function Q({
                   borderRadius: 1,
                   cursor: "pointer"
                 },
-                onClick: $,
-                children: L ? /* @__PURE__ */ r(V, { style: { fontSize: 18 } }) : /* @__PURE__ */ r(B, { style: { fontSize: 18 } })
+                onClick: _,
+                children: L ? /* @__PURE__ */ r(B, { style: { fontSize: 18 } }) : /* @__PURE__ */ r(U, { style: { fontSize: 18 } })
               }
             ),
-            /* @__PURE__ */ r(R, { className: "dashboard-content", id: "arc__dashboard-content", ...y && { maxWidth: !1 }, children: F }),
-            H && /* @__PURE__ */ r(O, { dark: b.palette.mode === "dark", ...N })
+            /* @__PURE__ */ r(T, { className: "dashboard-content", id: "arc__dashboard-content", ...y && { maxWidth: !1 }, children: F }),
+            C && /* @__PURE__ */ r(q, { dark: b.palette.mode === "dark", ...N })
           ] })
         ]
       }
@@ -180,17 +182,17 @@ const X = g("div", {
       }
     }
   }
-`, Y = g(E)`
+`, Y = g(G)`
   .header-container {
     max-width: 100%;
   }
 `;
-function fe({
+function ue({
   legacy: o = !0,
   ...a
 }) {
-  return o ? /* @__PURE__ */ r(U, { ...a }) : /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(Q, { ...a }) });
+  return o ? /* @__PURE__ */ r(E, { ...a }) : /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(Q, { ...a }) });
 }
 export {
-  fe as default
+  ue as default
 };

package/lib/Layout/dashboard/sidebar.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { Typography as b } from "@mui/material";
 import d from "clsx";
-import { styled as c } from "../../Theme";
-import { NavLink as h } from "./external-link";
+import { styled as c } from "../../Theme/index.js";
+import { NavLink as h } from "./external-link.js";
 function p(e, i) {
   var n;
   if ((n = e.children) != null && n.length)

package/lib/Layout/dashboard-legacy/header.js

@@ -2,8 +2,8 @@ import { jsx as r, jsxs as a } from "react/jsx-runtime";
 import { Menu as m } from "@mui/icons-material";
 import { AppBar as x, Toolbar as f, Button as u, Box as o, Typography as i } from "@mui/material";
 import { Link as y } from "react-router-dom";
-import g from "../../Logo";
-import { styled as b } from "../../Theme";
+import g from "../../Logo/index.js";
+import { styled as b } from "../../Theme/index.js";
 const k = b(x)`
   && {
     z-index: ${(e) => e.theme.zIndex.drawer};

package/lib/Layout/dashboard-legacy/index.js

@@ -3,10 +3,10 @@ import { useState as c, useEffect as P } from "react";
 import H from "react-helmet";
 import { Box as h, Drawer as S, Container as W } from "@mui/material";
 import { useSize as j } from "ahooks";
-import C from "./sidebar";
-import F from "./header";
-import O from "../../Footer";
-import { styled as T } from "../../Theme";
+import C from "./sidebar.js";
+import F from "./header.js";
+import O from "../../Footer/index.js";
+import { styled as T } from "../../Theme/index.js";
 const B = T("div")`
   &.dashboard {
     display: flex;

package/lib/Layout/dashboard-legacy/sidebar.js

@@ -1,11 +1,11 @@
 import { jsxs as a, jsx as t } from "react/jsx-runtime";
 import { memo as k } from "react";
 import { useLocation as $, Link as s } from "react-router-dom";
-import { Button as w, Typography as z } from "@mui/material";
+import { Button as w, useTheme as z, Typography as v } from "@mui/material";
 import { teal as l } from "@mui/material/colors";
-import v from "../../Icon/image";
-import I from "../../Logo";
-import { styled as c, useTheme as j } from "../../Theme";
+import I from "../../Icon/image.js";
+import j from "../../Logo/index.js";
+import { styled as c } from "../../Theme/index.js";
 function q({
   images: e,
   links: m,
@@ -14,14 +14,14 @@ function q({
   logo: f = void 0,
   ...x
 }) {
-  const u = j(), b = $(), h = (o, n) => new RegExp(`/${n}`).test(b.pathname);
+  const u = z(), b = $(), h = (o, n) => new RegExp(`/${n}`).test(b.pathname);
   return /* @__PURE__ */ a(L, { ...x, children: [
-    /* @__PURE__ */ t(s, { to: "/", className: "sidebar-logo", children: f || /* @__PURE__ */ t(I, { showText: !1, size: 20 }) }),
+    /* @__PURE__ */ t(s, { to: "/", className: "sidebar-logo", children: f || /* @__PURE__ */ t(j, { showText: !1, size: 20 }) }),
     m.map(({ url: o, name: n, title: r, showBadge: y }) => {
       const i = h(o, n);
       return /* @__PURE__ */ a(T, { component: s, selected: i, to: o, children: [
         /* @__PURE__ */ t(
-          v,
+          I,
           {
             name: e[n],
             size: 36,
@@ -30,7 +30,7 @@ function q({
             showBadge: y
           }
         ),
-        /* @__PURE__ */ t(z, { component: "span", className: "menu-title", children: r })
+        /* @__PURE__ */ t(v, { component: "span", className: "menu-title", children: r })
       ] }, o);
     }),
     /* @__PURE__ */ t("div", { style: { flex: 1 } }),

package/lib/Layout/index.js

@@ -3,11 +3,11 @@ import { useState as R, useEffect as W } from "react";
 import $ from "react-helmet";
 import { Container as t, Toolbar as u, Divider as B, List as C, Link as v, ListItemButton as G, ListItemText as M, AppBar as j, IconButton as E, Typography as w, Drawer as F } from "@mui/material";
 import { Menu as S } from "@mui/icons-material";
-import Z from "../Footer";
-import A from "../Wallet/Open";
-import b from "../Icon";
-import H from "../Logo";
-import { styled as x } from "../Theme";
+import Z from "../Footer/index.js";
+import A from "../Wallet/Open.js";
+import b from "../Icon/index.js";
+import H from "../Logo/index.js";
+import { styled as x } from "../Theme/index.js";
 function ie({
   title: i,
   brand: l,

package/lib/Locale/context.js

@@ -1,11 +1,11 @@
-import { jsx as x } from "react/jsx-runtime";
-import { createContext as g, useState as p, useRef as b, useEffect as k, useCallback as A, use as R } from "react";
+import { jsx as g } from "react/jsx-runtime";
+import { createContext as x, use as k, useState as p, useRef as A, useEffect as R, useCallback as b } from "react";
 import j from "lodash/get";
 import i from "js-cookie";
-import S from "./browser-lang";
-import { translate as U } from "./util";
-import { getCookieOptions as D, resolveRootDomain as E } from "../Util";
-const l = "nf_lang", F = (e, o = window.location.href) => {
+import S from "./browser-lang.js";
+import { translate as U } from "./util.js";
+import { getCookieOptions as D, resolveRootDomain as E } from "../Util/index.js";
+const f = "nf_lang", F = (e, o = window.location.href) => {
   const t = new URL(o).searchParams.get("locale");
   return e.find((r) => r.code === t) ? t : null;
 }, O = (e, o = window.location.href) => {
@@ -18,21 +18,21 @@ const l = "nf_lang", F = (e, o = window.location.href) => {
     // 取 languages 首个元素的 code 值, 如果不存在则取 'en'
     fallback: ((t = e == null ? void 0 : e[0]) == null ? void 0 : t.code) || "en"
   };
-  return F(e) || i.get(l) || S(o);
+  return F(e) || i.get(f) || S(o);
 }, z = (e) => {
   const o = D();
   if (!o.domain) {
     const t = E();
-    t && i.remove(l, { path: o.path || "/", domain: t });
+    t && i.remove(f, { path: o.path || "/", domain: t });
   }
-  i.set(l, e, o), O(e);
+  i.set(f, e, o), O(e);
 }, N = (e) => {
   const o = j(window, "blocklet.languages");
   return Array.isArray(o) && o.length ? o : Array.isArray(e) && e.length ? e : [
     { code: "en", name: "English" },
     { code: "zh", name: "简体中文" }
   ];
-}, L = g(null), { Provider: _, Consumer: M } = L;
+}, L = x(null), { Provider: _, Consumer: M } = L;
 function Q({
   children: e,
   locale: o = void 0,
@@ -43,33 +43,33 @@ function Q({
   ...v
 }) {
   const a = N(P);
-  let [n, w] = p(o || d(a));
-  const f = b(t || ""), [, C] = p(0), u = (c) => {
-    w(c), z(c);
+  let [n, C] = p(o || d(a));
+  const l = A(t || ""), [, w] = p(0), u = (c) => {
+    C(c), z(c);
   };
-  if (k(() => {
+  if (R(() => {
     const c = o || d(a);
     c !== n && u(c);
   }, [o]), n && r[n] && typeof r[n] == "function") {
     const c = n;
     try {
       Promise.resolve(r[c]()).then((s) => {
-        s && typeof s == "object" && (r[c] = s, C((h) => h > 999 ? 0 : h + 1));
+        s && typeof s == "object" && (r[c] = s, w((h) => h > 999 ? 0 : h + 1));
       });
     } catch (s) {
       console.error(s);
     }
-    m == null || m(c, a), n = f.current;
+    m == null || m(c, a), n = l.current;
   } else
-    f.current = n;
-  const y = A(
+    l.current = n;
+  const y = b(
     (c, s) => U(r, c, n, t, s),
     [r, n, t]
   );
-  return /* @__PURE__ */ x(_, { value: { locale: n, changeLocale: u, t: y, languages: a, ...v }, children: e });
+  return /* @__PURE__ */ g(_, { value: { locale: n, changeLocale: u, t: y, languages: a, ...v }, children: e });
 }
 function V() {
-  return R(L);
+  return k(L);
 }
 export {
   M as LocaleConsumer,

package/lib/Locale/selector.js

@@ -4,9 +4,9 @@ import { Box as m, Button as w, IconButton as B, Typography as E, Popper as j, P
 import { Icon as h } from "@iconify/react";
 import $ from "@iconify-icons/material-symbols/check";
 import H from "iconify-icons-material-symbols-400/language";
-import { LocaleContext as O } from "./context";
-import { styled as W } from "../Theme";
-import { mergeSx as q } from "../Util/style";
+import { LocaleContext as O } from "./context.js";
+import { styled as W } from "../Theme/index.js";
+import { mergeSx as q } from "../Util/style.js";
 function Z({ ...t }) {
   var g;
   const { showText: p = !0, popperProps: r = {}, popperType: d = "click", icon: c, size: f = 24, ...y } = t, { locale: l, changeLocale: I, languages: u } = z(O), a = L(null), [x, o] = M(!1), k = (e) => {

package/lib/Logo/images/logo-dark-text.svg.js

@@ -0,0 +1,5 @@
+import * as c from "react";
+const v = (h) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 99, height: 18, viewBox: "0 0 99 18", ...h }, /* @__PURE__ */ c.createElement("path", { fill: "#000", fillRule: "evenodd", d: "M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917H43.065v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4V12.822c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z" }));
+export {
+  v as default
+};

package/lib/Logo/images/logo-dark-top.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 45, height: 52, viewBox: "0 0 45 52", ...t }, /* @__PURE__ */ e.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "#000" }, /* @__PURE__ */ e.createElement("path", { d: "M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25M.5 38.077l43.301-25" }), /* @__PURE__ */ e.createElement("path", { d: "M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z" })));
+export {
+  l as default
+};

package/lib/Logo/images/logo-light-text.svg.js

@@ -0,0 +1,5 @@
+import * as c from "react";
+const v = (h) => /* @__PURE__ */ c.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 99, height: 18, viewBox: "0 0 99 18", ...h }, /* @__PURE__ */ c.createElement("path", { fill: "#FFF", fillRule: "evenodd", d: "M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917H43.065v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4V12.822c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z" }));
+export {
+  v as default
+};

package/lib/Logo/images/logo-light-top.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 45, height: 52, viewBox: "0 0 45 52", ...t }, /* @__PURE__ */ e.createElement("g", { fill: "none", fillRule: "evenodd", stroke: "#FFF" }, /* @__PURE__ */ e.createElement("path", { d: "M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25M.5 38.077l43.301-25" }), /* @__PURE__ */ e.createElement("path", { d: "M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z" })));
+export {
+  l as default
+};

package/lib/Logo/index.js

@@ -1,35 +1,35 @@
-import { jsxs as x, jsx as o } from "react/jsx-runtime";
-import { styled as p } from "../Theme";
-import s from "./images/logo-light-top.svg";
-import f from "./images/logo-light-text.svg";
-import u from "./images/logo-dark-top.svg";
-import h from "./images/logo-dark-text.svg";
-function w({
-  showText: t = !0,
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { styled as x } from "../Theme/index.js";
+import s from "./images/logo-light-top.svg.js";
+import f from "./images/logo-light-text.svg.js";
+import u from "./images/logo-dark-top.svg.js";
+import h from "./images/logo-dark-text.svg.js";
+function j({
+  showText: o = !0,
   showLogo: n = !0,
   mode: a = "dark",
   layout: l = "vertical",
   size: r = void 0,
   style: i = {},
-  ...m
+  ...g
 }) {
-  const e = a === "light", c = e ? /* @__PURE__ */ o(s, {}) : /* @__PURE__ */ o(u, {}), g = e ? /* @__PURE__ */ o(f, { className: "logo-text" }) : /* @__PURE__ */ o(h, { className: "logo-text" });
-  return r && (i.width = `${r}px`, i.height = `${r}px`), /* @__PURE__ */ x(d, { layout: l, style: i, ...m, children: [
-    n && c,
-    t && g
+  const e = a === "light", m = e ? /* @__PURE__ */ t(s, {}) : /* @__PURE__ */ t(u, {}), c = e ? /* @__PURE__ */ t(f, { className: "logo-text" }) : /* @__PURE__ */ t(h, { className: "logo-text" });
+  return r && (i.width = `${r}px`, i.height = `${r}px`), /* @__PURE__ */ p(d, { layout: l, style: i, ...g, children: [
+    n && m,
+    o && c
   ] });
 }
-const d = p("span")`
+const d = x("span")`
   display: inline-flex;
-  flex-direction: ${(t) => t.layout === "horizontal" ? "row" : "column"};
+  flex-direction: ${(o) => o.layout === "horizontal" ? "row" : "column"};
   justify-content: center;
   align-items: center;
 
   .logo-text {
-    ${(t) => t.layout === "vertical" ? "margin-top: 8px;" : ""}
-    ${(t) => t.layout === "vertical" ? "" : "margin-left: 8px;"};
+    ${(o) => o.layout === "vertical" ? "margin-top: 8px;" : ""}
+    ${(o) => o.layout === "vertical" ? "" : "margin-left: 8px;"};
   }
 `;
 export {
-  w as default
+  j as default
 };

package/lib/Metric/index.js

@@ -1,7 +1,7 @@
 import { jsx as i, jsxs as m, Fragment as d } from "react/jsx-runtime";
 import { Link as x } from "@mui/material";
-import h from "../Icon/image";
-import { styled as f } from "../Theme";
+import h from "../Icon/image.js";
+import { styled as f } from "../Theme/index.js";
 function z({
   icon: e,
   value: r,

package/lib/NFTDisplay/NFTBroken.svg.js

@@ -0,0 +1,108 @@
+import * as l from "react";
+const e = (i) => /* @__PURE__ */ l.createElement("svg", { width: 300, height: 300, viewBox: "0 0 300 300", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i }, /* @__PURE__ */ l.createElement("g", { clipPath: "url(#clip0_317_299)" }, /* @__PURE__ */ l.createElement("rect", { x: 60, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 180, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 120, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 240, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { y: 60, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 60, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 60, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 59.9999, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 59.9999, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { y: 120, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { y: 180, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { y: 240, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 120, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 180, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 60, y: 240, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 120, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 180, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 240, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 120, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 120, y: 180, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 240, width: 60, height: 60, fill: "#E5E7EB", style: {
+  fill: "#E5E7EB",
+  fill: "color(display-p3 0.8980 0.9059 0.9216)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 180, y: 120, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 180, width: 60, height: 60, fill: "#F3F4F6", style: {
+  fill: "#F3F4F6",
+  fill: "color(display-p3 0.9529 0.9569 0.9647)",
+  fillOpacity: 1
+} }), /* @__PURE__ */ l.createElement("rect", { x: 240, y: 240, width: 60, height: 60, fill: "#F9FAFB", style: {
+  fill: "#F9FAFB",
+  fill: "color(display-p3 0.9765 0.9804 0.9843)",
+  fillOpacity: 1
+} })), /* @__PURE__ */ l.createElement("defs", null, /* @__PURE__ */ l.createElement("clipPath", { id: "clip0_317_299" }, /* @__PURE__ */ l.createElement("rect", { width: 300, height: 300, fill: "white", style: {
+  fill: "white",
+  fillOpacity: 1
+} }))));
+export {
+  e as default
+};

package/lib/NFTDisplay/aspect-ratio-container.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { styled as e } from "../Theme";
+import { styled as e } from "../Theme/index.js";
 function p({ aspect: t, children: i, ...n }) {
   return /* @__PURE__ */ o(a, { aspect: t, ...n, children: /* @__PURE__ */ o("span", { className: "aspect-ratio-container__inner", children: i }) });
 }

package/lib/NFTDisplay/broken.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { Box as o } from "@mui/material";
-import { styled as i } from "../Theme";
-import r from "./NFTBroken.svg";
+import { styled as i } from "../Theme/index.js";
+import r from "./NFTBroken.svg.js";
 function c({ children: t = "Non-publicly accessible NFT" } = {}) {
   return /* @__PURE__ */ n(s, { children: [
     /* @__PURE__ */ e(r, { className: "nft-display-broken-background" }),