@arcblock/ux 3.0.5 → 3.0.7

package/lib/Layout/dashboard/index.js

@@ -1,25 +1,23 @@
-import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import { jsx as r, jsxs as c } 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 { 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";
+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";
 function K({ closeMenu: o, ...a }) {
   const e = x();
   return u(() => {
     o();
-  }, [e]), /* @__PURE__ */ r(O, { ...a });
+  }, [e]), /* @__PURE__ */ r(G, { ...a });
 }
 function w(o, a) {
   return o.map((e) => {
@@ -42,16 +40,16 @@ function Q({
   links: e = [],
   sidebarWidth: s = 120,
   fullWidth: y = !1,
-  dense: c = "auto",
+  dense: h = "auto",
   footerProps: N = {},
-  sx: P,
+  sx: P = {},
   children: F,
   ...m
 }) {
-  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) => {
+  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) => {
     var d;
     return !!((d = t.children) != null && d.length);
-  }), n = c === "auto" ? l.length >= 8 || S : c, j = V("dashboard", { "dashboard-dense": n }, m.className), I = {
+  }), n = h === "auto" ? l.length >= 8 || S : h, j = T("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 });
@@ -61,9 +59,9 @@ function Q({
   return u(() => {
     const { searchParams: t } = new URL(window.location.href);
     t.get("inviter") && window.localStorage.setItem("inviter", t.get("inviter"));
-  }, []), /* @__PURE__ */ h(X, { sx: P, ...m, className: j, sidebarWidth: s, children: [
+  }, []), /* @__PURE__ */ c(X, { sx: P, ...m, className: j, sidebarWidth: s, children: [
     /* @__PURE__ */ r(D, { title: o }, o),
-    $ && /* @__PURE__ */ r(Y, { ...I, className: "dashboard-header", children: e != null && e.length ? ({ isMobile: t, closeMenu: d }) => t ? /* @__PURE__ */ r(
+    C && /* @__PURE__ */ r(Y, { ...I, className: "dashboard-header", children: e != null && e.length ? ({ isMobile: t, closeMenu: d }) => t ? /* @__PURE__ */ r(
       K,
       {
         mode: "inline",
@@ -73,7 +71,7 @@ function Q({
         activeTextColor: b.palette.primary.main
       }
     ) : null : null }),
-    /* @__PURE__ */ h(
+    /* @__PURE__ */ c(
       i,
       {
         className: "dashboard-body",
@@ -81,7 +79,7 @@ function Q({
           display: "flex"
         },
         children: [
-          !!(e != null && e.length) && H && /* @__PURE__ */ r(
+          !!(e != null && e.length) && _ && /* @__PURE__ */ r(
             i,
             {
               className: "dashboard-sidebar",
@@ -94,7 +92,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__ */ h(i, { className: "dashboard-main", id: "arc__dashboard-main", children: [
+          /* @__PURE__ */ c(i, { className: "dashboard-main", id: "arc__dashboard-main", children: [
             W && /* @__PURE__ */ r(
               i,
               {
@@ -112,12 +110,12 @@ function Q({
                   borderRadius: 1,
                   cursor: "pointer"
                 },
-                onClick: _,
-                children: L ? /* @__PURE__ */ r(B, { style: { fontSize: 18 } }) : /* @__PURE__ */ r(U, { style: { fontSize: 18 } })
+                onClick: $,
+                children: L ? /* @__PURE__ */ r(V, { style: { fontSize: 18 } }) : /* @__PURE__ */ r(B, { style: { fontSize: 18 } })
               }
             ),
-            /* @__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 })
+            /* @__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 })
           ] })
         ]
       }
@@ -182,17 +180,17 @@ const X = g("div", {
       }
     }
   }
-`, Y = g(G)`
+`, Y = g(E)`
   .header-container {
     max-width: 100%;
   }
 `;
-function ue({
+function fe({
   legacy: o = !0,
   ...a
 }) {
-  return o ? /* @__PURE__ */ r(E, { ...a }) : /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(Q, { ...a }) });
+  return o ? /* @__PURE__ */ r(U, { ...a }) : /* @__PURE__ */ r(A, { children: /* @__PURE__ */ r(Q, { ...a }) });
 }
 export {
-  ue as default
+  fe 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/index.js";
-import { NavLink as h } from "./external-link.js";
+import { styled as c } from "../../Theme";
+import { NavLink as h } from "./external-link";
 function p(e, i) {
   var n;
   if ((n = e.children) != null && n.length)
@@ -27,7 +27,7 @@ function m(e, i) {
     /* @__PURE__ */ t("ul", { children: e.children.map(p) })
   ] }, `group-${e.title}-${i}`);
 }
-function z({ links: e, addons: i, dense: a = !1, ...r }) {
+function z({ links: e, addons: i = void 0, dense: a = !1, ...r }) {
   return /* @__PURE__ */ o(f, { ...r, className: d({ "layout-sidebar-dense": a }), children: [
     /* @__PURE__ */ t("ul", { children: e.map(p) }),
     /* @__PURE__ */ t("div", { style: { flex: 1 } }),

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

@@ -1,9 +1,9 @@
 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 n } from "@mui/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/index.js";
-import { styled as b } from "../../Theme/index.js";
+import g from "../../Logo";
+import { styled as b } from "../../Theme";
 const k = b(x)`
   && {
     z-index: ${(e) => e.theme.zIndex.drawer};
@@ -77,12 +77,12 @@ const k = b(x)`
 `;
 function j({
   onToggleMenu: e,
-  brand: i,
-  description: l,
-  addons: d,
-  brandAddon: s,
+  brand: n = void 0,
+  description: d = void 0,
+  addons: l = void 0,
+  brandAddon: s = void 0,
   homeUrl: h = "/",
-  logo: p,
+  logo: p = void 0,
   children: t,
   ...c
 }) {
@@ -113,11 +113,11 @@ function j({
         }
       ),
       /* @__PURE__ */ a("div", { className: "header-title", children: [
-        /* @__PURE__ */ a(n, { component: "h2", noWrap: !0, className: "header-title__primary", children: [
-          i,
+        /* @__PURE__ */ a(i, { component: "h2", noWrap: !0, className: "header-title__primary", children: [
+          n,
           s
         ] }),
-        /* @__PURE__ */ r(n, { component: "p", noWrap: !0, className: "header-title__secondary", children: l })
+        /* @__PURE__ */ r(i, { component: "p", noWrap: !0, className: "header-title__secondary", children: d })
       ] })
     ] }),
     /* @__PURE__ */ r(
@@ -129,7 +129,7 @@ function j({
       }
     ),
     !!t && /* @__PURE__ */ r("div", { className: "header-children", children: t }),
-    /* @__PURE__ */ r("div", { className: "header-addons", children: d })
+    /* @__PURE__ */ r("div", { className: "header-addons", children: l })
   ] }) });
 }
 export {

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.js";
-import F from "./header.js";
-import O from "../../Footer/index.js";
-import { styled as T } from "../../Theme/index.js";
+import C from "./sidebar";
+import F from "./header";
+import O from "../../Footer";
+import { styled as T } from "../../Theme";
 const B = T("div")`
   &.dashboard {
     display: flex;
@@ -31,37 +31,37 @@ const B = T("div")`
     position: relative;
     white-space: nowrap;
     width: 120px;
-    background: ${(r) => r.theme.palette.background.default};
-    box-shadow: 2px 16px 10px 0 rgba(0, 0, 0, ${(r) => r.theme.palette.mode === "light" ? 0.05 : 0.5});
+    background: ${(o) => o.theme.palette.background.default};
+    box-shadow: 2px 16px 10px 0 rgba(0, 0, 0, ${(o) => o.theme.palette.mode === "light" ? 0.05 : 0.5});
     border: 0;
   }
 `;
 function R({
-  links: r = [],
+  links: o = [],
   brand: d = "",
   description: f = "",
   images: b,
   title: u = "Home",
-  brandAddon: w,
-  headerAddon: x,
+  brandAddon: w = void 0,
+  headerAddon: x = void 0,
   prefix: _ = "/images",
   fullWidth: g = !1,
   contentLayout: y = "column",
-  className: N = "",
-  homeUrl: k = "/",
-  logo: s,
-  children: v,
+  className: v = "",
+  homeUrl: N = "/",
+  logo: s = void 0,
+  children: k,
   ...M
 }) {
-  const a = j(document.body), o = (a == null ? void 0 : a.width) || 0, [n, D] = c(o >= 960 ? "permanent" : "temporary"), [i, l] = c(n === "permanent");
+  const r = j(document.body), a = (r == null ? void 0 : r.width) || 0, [n, D] = c(a >= 960 ? "permanent" : "temporary"), [i, l] = c(n === "permanent");
   P(() => {
-    const p = o >= 960 ? "permanent" : "temporary";
+    const p = a >= 960 ? "permanent" : "temporary";
     D(p), l(p !== "temporary");
-  }, [o]);
+  }, [a]);
   const m = () => {
     l(!i);
   }, $ = g || y === "row";
-  return /* @__PURE__ */ t(B, { className: `dashboard ${N}`, ...M, children: [
+  return /* @__PURE__ */ t(B, { className: `dashboard ${v}`, ...M, children: [
     /* @__PURE__ */ e(H, { title: `${u}-${d}` }),
     /* @__PURE__ */ e(
       F,
@@ -72,7 +72,7 @@ function R({
         brandAddon: w,
         description: f,
         addons: x,
-        homeUrl: k,
+        homeUrl: N,
         logo: s
       }
     ),
@@ -93,11 +93,11 @@ function R({
               open: i,
               onClose: m,
               ModalProps: { disablePortal: !0, keepMounted: !0 },
-              children: /* @__PURE__ */ e(C, { className: "dashboard__sidebar", images: b, links: r, prefix: _, logo: s })
+              children: /* @__PURE__ */ e(C, { className: "dashboard__sidebar", images: b, links: o, prefix: _, logo: s })
             }
           ),
           /* @__PURE__ */ t(h, { className: "dashboard__main", children: [
-            /* @__PURE__ */ e(W, { maxWidth: $ ? !1 : "lg", className: "dashboard__content", children: v }),
+            /* @__PURE__ */ e(W, { maxWidth: $ ? !1 : "lg", className: "dashboard__content", children: k }),
             /* @__PURE__ */ e(O, {})
           ] })
         ]

package/lib/Layout/dashboard-legacy/sidebar.d.ts

@@ -8,7 +8,7 @@ export type LinkItem = {
 export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
     images: Record<string, string>;
     links: LinkItem[];
-    prefix: string;
+    prefix?: string;
     addons?: React.ReactNode;
     logo?: React.ReactNode;
     sx?: SxProps;

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

@@ -1,20 +1,27 @@
 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, useTheme as z, Typography as I } from "@mui/material";
+import { Button as w, Typography as z } from "@mui/material";
 import { teal as l } from "@mui/material/colors";
-import j from "../../Icon/image.js";
-import v from "../../Logo/index.js";
-import { styled as d } from "../../Theme/index.js";
-function q({ images: e, links: m, prefix: p = "/images", addons: g, logo: f, ...x }) {
-  const u = z(), b = $(), h = (o, n) => new RegExp(`/${n}`).test(b.pathname);
+import v from "../../Icon/image";
+import I from "../../Logo";
+import { styled as c, useTheme as j } from "../../Theme";
+function q({
+  images: e,
+  links: m,
+  prefix: p = "/images",
+  addons: g = void 0,
+  logo: f = void 0,
+  ...x
+}) {
+  const u = j(), 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(v, { showText: !1, size: 20 }) }),
+    /* @__PURE__ */ t(s, { to: "/", className: "sidebar-logo", children: f || /* @__PURE__ */ t(I, { 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(
-          j,
+          v,
           {
             name: e[n],
             size: 36,
@@ -23,14 +30,14 @@ function q({ images: e, links: m, prefix: p = "/images", addons: g, logo: f, ...
             showBadge: y
           }
         ),
-        /* @__PURE__ */ t(I, { component: "span", className: "menu-title", children: r })
+        /* @__PURE__ */ t(z, { component: "span", className: "menu-title", children: r })
       ] }, o);
     }),
     /* @__PURE__ */ t("div", { style: { flex: 1 } }),
     g
   ] });
 }
-const L = k(d("div")`
+const L = k(c("div")`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -51,7 +58,7 @@ const L = k(d("div")`
       display: block;
     }
   }
-`), c = "linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))", T = d(w)`
+`), d = "linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))", T = c(w)`
   && {
     display: flex;
     flex-direction: column;
@@ -59,13 +66,13 @@ const L = k(d("div")`
     align-items: center;
     width: 100%;
     transition: all 200ms ease-in-out;
-    background: ${(e) => e.selected ? c : ""};
+    background: ${(e) => e.selected ? d : ""};
     padding: 24px 0;
     border-left: 2px solid ${(e) => e.selected ? l.A700 : "transparent"};
     border-radius: 0;
 
     &:hover {
-      background: ${c};
+      background: ${d};
       border-left-color: ${l.A700};
     }
 

package/lib/Layout/index.js

@@ -3,19 +3,19 @@ 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/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";
+import Z from "../Footer";
+import A from "../Wallet/Open";
+import b from "../Icon";
+import H from "../Logo";
+import { styled as x } from "../Theme";
 function ie({
   title: i,
   brand: l,
-  description: s,
+  description: s = void 0,
   links: a = [],
   logo: c = /* @__PURE__ */ e(H, { showText: !1, style: { width: "40px", height: "40px" } }),
   showLogo: d = !1,
-  addons: y,
+  addons: y = void 0,
   footer: k = /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e(Z, {}) }),
   baseUrl: h = "",
   homeUrl: N = "/",

package/lib/LoadingMask/index.d.ts

@@ -4,6 +4,6 @@ export interface LoadingMaskProps {
     borderWidth?: number;
     borderRadius?: number;
     duration?: number;
-    children?: React.ReactNode;
+    children: React.ReactNode;
 }
 export default function LoadingMask({ size, padding, borderWidth, borderRadius, duration, children, }: LoadingMaskProps): import("react/jsx-runtime").JSX.Element;

package/lib/LoadingMask/index.js

@@ -2,10 +2,10 @@ import { jsxs as h, jsx as a } from "react/jsx-runtime";
 import { Box as n } from "@mui/material";
 function b({
   size: s = 64,
-  padding: d,
-  borderWidth: l,
-  borderRadius: f,
-  duration: c,
+  padding: d = void 0,
+  borderWidth: l = void 0,
+  borderRadius: f = void 0,
+  duration: c = void 0,
   children: g
 }) {
   const t = s, i = f ?? t / 8, e = l ?? t / 32, o = d ?? t * 0.25 - e, p = c ?? 2.5;

package/lib/Locale/context.js

@@ -1,81 +1,81 @@
-import { jsx as v } 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 { 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 j from "lodash/get";
-import f from "js-cookie";
-import S from "./browser-lang.js";
-import { translate as U } from "./util.js";
-import { getCookieOptions as D, resolveRootDomain as E } from "../Util/index.js";
+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) => {
   const t = new URL(o).searchParams.get("locale");
   return e.find((r) => r.code === t) ? t : null;
 }, O = (e, o = window.location.href) => {
   const t = new URL(o);
   t.searchParams.has("locale") && (t.searchParams.set("locale", e), window.history.replaceState({}, "", t.href));
-}, L = (e = []) => {
+}, d = (e = []) => {
   var t;
   const o = {
     languages: e.map((r) => r.code),
     // 取 languages 首个元素的 code 值, 如果不存在则取 'en'
     fallback: ((t = e == null ? void 0 : e[0]) == null ? void 0 : t.code) || "en"
   };
-  return F(e) || f.get(l) || S(o);
+  return F(e) || i.get(l) || S(o);
 }, z = (e) => {
   const o = D();
   if (!o.domain) {
     const t = E();
-    t && f.remove(l, { path: o.path || "/", domain: t });
+    t && i.remove(l, { path: o.path || "/", domain: t });
   }
-  f.set(l, e, o), O(e);
+  i.set(l, 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: "简体中文" }
   ];
-}, d = x(null), { Provider: _, Consumer: M } = d;
+}, L = g(null), { Provider: _, Consumer: M } = L;
 function Q({
   children: e,
-  locale: o,
-  fallbackLocale: t,
+  locale: o = void 0,
+  fallbackLocale: t = void 0,
   translations: r,
-  onLoadingTranslation: m,
+  onLoadingTranslation: m = void 0,
   languages: P = [],
-  ...C
+  ...v
 }) {
   const a = N(P);
-  let [n, w] = p(o || L(a));
-  const i = A(t || ""), [, y] = p(0), u = (c) => {
+  let [n, w] = p(o || d(a));
+  const f = b(t || ""), [, C] = p(0), u = (c) => {
     w(c), z(c);
   };
-  if (R(() => {
-    const c = o || L(a);
+  if (k(() => {
+    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, y((h) => h > 999 ? 0 : h + 1));
+        s && typeof s == "object" && (r[c] = s, C((h) => h > 999 ? 0 : h + 1));
       });
     } catch (s) {
       console.error(s);
     }
-    m == null || m(c, a), n = i.current;
+    m == null || m(c, a), n = f.current;
   } else
-    i.current = n;
-  const g = b(
+    f.current = n;
+  const y = A(
     (c, s) => U(r, c, n, t, s),
     [r, n, t]
   );
-  return /* @__PURE__ */ v(_, { value: { locale: n, changeLocale: u, t: g, languages: a, ...C }, children: e });
+  return /* @__PURE__ */ x(_, { value: { locale: n, changeLocale: u, t: y, languages: a, ...v }, children: e });
 }
 function V() {
-  return k(d);
+  return R(L);
 }
 export {
   M as LocaleConsumer,
-  d as LocaleContext,
+  L as LocaleContext,
   Q as LocaleProvider,
-  L as getLocale,
+  d as getLocale,
   z as setLocale,
   V as useLocaleContext
 };

package/lib/Locale/selector.d.ts

@@ -8,4 +8,4 @@ export interface LocaleSelectorProps extends Omit<React.HTMLAttributes<HTMLDivEl
     size?: number;
     onChange?: (locale: Locale) => void;
 }
-export default function LocaleSelector(props: LocaleSelectorProps): import("react/jsx-runtime").JSX.Element;
+export default function LocaleSelector({ ...props }: LocaleSelectorProps): import("react/jsx-runtime").JSX.Element;

package/lib/Locale/selector.js

@@ -4,10 +4,10 @@ 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.js";
-import { styled as W } from "../Theme/index.js";
-import { mergeSx as q } from "../Util/style.js";
-function Z(t) {
+import { LocaleContext as O } from "./context";
+import { styled as W } from "../Theme";
+import { mergeSx as q } from "../Util/style";
+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) => {
     I(e), o(!1), typeof t.onChange == "function" && t.onChange(e);

package/lib/Logo/index.js

@@ -1,35 +1,35 @@
-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,
+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,
   showLogo: n = !0,
   mode: a = "dark",
   layout: l = "vertical",
-  size: r,
+  size: r = void 0,
   style: i = {},
-  ...g
+  ...m
 }) {
-  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(L, { layout: l, style: i, ...g, children: [
-    n && m,
-    o && c
+  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 L = x("span")`
+const d = p("span")`
   display: inline-flex;
-  flex-direction: ${(o) => o.layout === "horizontal" ? "row" : "column"};
+  flex-direction: ${(t) => t.layout === "horizontal" ? "row" : "column"};
   justify-content: center;
   align-items: center;
 
   .logo-text {
-    ${(o) => o.layout === "vertical" ? "margin-top: 8px;" : ""}
-    ${(o) => o.layout === "vertical" ? "" : "margin-left: 8px;"};
+    ${(t) => t.layout === "vertical" ? "margin-top: 8px;" : ""}
+    ${(t) => t.layout === "vertical" ? "" : "margin-left: 8px;"};
   }
 `;
 export {
-  j as default
+  w 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.js";
-import { styled as f } from "../Theme/index.js";
+import h from "../Icon/image";
+import { styled as f } from "../Theme";
 function z({
   icon: e,
   value: r,

package/lib/NFTDisplay/aspect-ratio-container.d.ts

@@ -1,6 +1,6 @@
 export interface AspectRatioContainerProps {
     aspect: number;
-    children?: React.ReactNode;
+    children: React.ReactNode;
 }
 declare function AspectRatioContainer({ aspect, children, ...rest }: AspectRatioContainerProps): import("react/jsx-runtime").JSX.Element;
 export default AspectRatioContainer;