@arcblock/ux 3.0.6 → 3.0.8

package/lib/RelativeTime/index.js

@@ -1,4 +1,4 @@
-import { jsx as i, jsxs as v, Fragment as F } from "react/jsx-runtime";
+import { jsx as i, jsxs as M, Fragment as F } from "react/jsx-runtime";
 import { Tooltip as O, Box as f } from "@mui/material";
 import { useEffect as R, useMemo as $ } from "react";
 import r from "dayjs";
@@ -62,11 +62,11 @@ function w({
   relativeRange: L,
   format: C
 }) {
-  const u = (/* @__PURE__ */ new Date()).getTimezoneOffset(), U = u > 0 ? "-" : "+", y = Math.abs(u) / 60, c = u === 0, x = z((g) => g.isUtc), T = z((g) => g.setIsUtc);
+  const u = (/* @__PURE__ */ new Date()).getTimezoneOffset(), U = u > 0 ? "-" : "+", v = Math.abs(u) / 60, c = u === 0, x = z((g) => g.isUtc), T = z((g) => g.setIsUtc);
   if (R(() => {
     T(c);
   }, [c]), !t)
-    return { innerContent: "-", popContent: "-", isUtc: x, setIsUtc: T, sign: U, hoursOffset: y };
+    return { innerContent: "-", popContent: "-", isUtc: x, setIsUtc: T, sign: U, hoursOffset: v };
   const d = e === "zh" ? "zh-cn" : "en-us";
   let n = r(t).locale(d);
   o === "utc" && (n = r(t).utc().locale(d)), s && (n = n.tz(s));
@@ -81,12 +81,12 @@ function w({
     Math.abs(g) > L && (l = p);
   }
   l || (l = n.fromNow(m));
-  let b = l, I = p;
-  return o === "absolute" && (b = p, I = l), o === "utc" && (x ? (b = D(t, { locale: d, tz: s, isUtc: !0, format: C }), I = D(t, { locale: d, tz: s, isUtc: !0, format: C })) : (b = p, I = l)), { innerContent: b, popContent: I, isUtc: x, setIsUtc: T, sign: U, hoursOffset: y, relativeString: l, absoluteString: p };
+  let y = l, b = p;
+  return o === "absolute" && (y = p, b = l), o === "utc" && (x ? (y = D(t, { locale: d, tz: s, isUtc: !0, format: C }), b = D(t, { locale: d, tz: s, isUtc: !0, format: C })) : (y = p, b = l)), { innerContent: y, popContent: b, isUtc: x, setIsUtc: T, sign: U, hoursOffset: v, relativeString: l, absoluteString: p };
 }
 function A({
   locale: t,
-  isUtc: e,
+  isUtc: e = !1,
   setIsUtc: m,
   useShortTimezone: a = !0
 }) {
@@ -120,13 +120,13 @@ function et({
   from: a = "",
   to: h = "",
   type: o = "relative",
-  tz: s,
-  relativeRange: L,
+  tz: s = void 0,
+  relativeRange: L = void 0,
   enableTooltip: C = !0,
-  useShortTimezone: M = !1,
+  useShortTimezone: I = !1,
   disableTimezone: u = !1,
   placement: U = "top-end",
-  format: y = "lll",
+  format: v = "lll",
   ...c
 }) {
   const { innerContent: x, popContent: T, isUtc: d, setIsUtc: n, relativeString: p } = w({
@@ -138,9 +138,9 @@ function et({
     type: o === "all" ? "utc" : o,
     tz: s,
     relativeRange: L,
-    format: y
+    format: v
   });
-  return o === "all" ? /* @__PURE__ */ i(O, { title: void 0, placement: U, enterTouchDelay: 0, children: /* @__PURE__ */ v(
+  return o === "all" ? /* @__PURE__ */ i(O, { title: void 0, placement: U, enterTouchDelay: 0, children: /* @__PURE__ */ M(
     f,
     {
       ...c,
@@ -156,13 +156,13 @@ function et({
         /* @__PURE__ */ i(f, { component: "span", ...c, sx: {}, children: x }),
         /* @__PURE__ */ i(f, { component: "span", sx: { color: "inherit" }, children: "·" }),
         /* @__PURE__ */ i(f, { component: "span", sx: { color: "text.secondary" }, children: p }),
-        !u && /* @__PURE__ */ v(F, { children: [
+        !u && /* @__PURE__ */ M(F, { children: [
           /* @__PURE__ */ i(f, { component: "span", sx: { color: "inherit" }, children: "·" }),
-          /* @__PURE__ */ i(A, { locale: e, isUtc: d, setIsUtc: n, useShortTimezone: M })
+          /* @__PURE__ */ i(A, { locale: e, isUtc: d, setIsUtc: n, useShortTimezone: I })
         ] })
       ]
     }
-  ) }) : /* @__PURE__ */ i(O, { title: C ? T : void 0, placement: U, enterTouchDelay: 0, children: /* @__PURE__ */ v(
+  ) }) : /* @__PURE__ */ i(O, { title: C ? T : void 0, placement: U, enterTouchDelay: 0, children: /* @__PURE__ */ M(
     f,
     {
       sx: {
@@ -172,7 +172,7 @@ function et({
       },
       children: [
         /* @__PURE__ */ i(f, { component: "span", ...c, children: x }),
-        o === "utc" && !u && /* @__PURE__ */ i(A, { locale: e, isUtc: d, setIsUtc: n, useShortTimezone: M })
+        o === "utc" && !u && /* @__PURE__ */ i(A, { locale: e, isUtc: d, setIsUtc: n, useShortTimezone: I })
       ]
     }
   ) });

package/lib/Result/result.js

@@ -1,8 +1,8 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { Box as n } from "@mui/material";
-import { styled as l } from "../Theme/index.js";
-function g({ icon: r, title: t = "", description: o = "", extra: i, ...f }) {
-  return /* @__PURE__ */ c(s, { ...f, children: [
+import { styled as c } from "../Theme/index.js";
+function g({ icon: r = null, title: t = "", description: o = "", extra: i = null, ...l }) {
+  return /* @__PURE__ */ f(s, { ...l, children: [
     r,
     typeof t == "string" ? /* @__PURE__ */ e(
       n,
@@ -40,7 +40,7 @@ function g({ icon: r, title: t = "", description: o = "", extra: i, ...f }) {
     )
   ] });
 }
-const s = l("div")`
+const s = c("div")`
   box-sizing: border-box;
   display: flex;
   flex-direction: column;

package/lib/Screenshot/index.d.ts

@@ -67,7 +67,7 @@ declare const types: {
     };
 };
 export interface OldScreenshotProps extends React.ComponentProps<'div'> {
-    type?: keyof typeof types;
+    type: keyof typeof types;
     className?: string;
     style?: React.CSSProperties;
     width?: number;

package/lib/Screenshot/index.js

@@ -136,7 +136,7 @@ const H = b("div")`
     height: 100.1%;
   }
 `;
-function P(t) {
+function P({ ...t }) {
   const e = k(null), [i, r] = v(), [n, o] = v(null);
   return S(() => {
     let c = null;

package/lib/SessionUser/components/did-space.d.ts

@@ -2,6 +2,6 @@ import { BoxProps } from '@mui/material';
 import { Locale, Session } from '../../type';
 export interface DidSpaceProps extends BoxProps {
     session: Session;
-    locale: Locale;
+    locale?: Locale;
 }
 export default function DidSpace({ session, locale, ...rest }: DidSpaceProps): import("react/jsx-runtime").JSX.Element;

package/lib/SessionUser/components/session-user-item.js

@@ -1,21 +1,21 @@
-import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import { useTheme as u, Box as e, Tooltip as x, Typography as h, IconButton as y } from "@mui/material";
-import { Icon as m } from "@iconify/react";
-import v from "@iconify-icons/material-symbols/lens";
+import { jsxs as t, jsx as l } from "react/jsx-runtime";
+import { useTheme as u, Box as e, Tooltip as x, Typography as h, IconButton as v } from "@mui/material";
+import { Icon as y } from "@iconify/react";
+import m from "@iconify-icons/material-symbols/lens";
 import w from "../../WalletOSIcon/index.js";
 import S from "../../Avatar/index.js";
 import { DID as g } from "../../DID/index.js";
 import { getSourceProvider as z } from "../libs/utils.js";
 function R({
-  ref: p,
+  ref: p = void 0,
   sessionItem: r,
   statusContent: c = null,
   active: n = !1,
   ...a
 }) {
-  var i, t;
+  var i, d;
   const { palette: o } = u(), f = z(r == null ? void 0 : r.user) === "wallet";
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ t(
     e,
     {
       ...a,
@@ -30,7 +30,7 @@ function R({
         ...a == null ? void 0 : a.sx
       },
       children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ t(
           e,
           {
             sx: {
@@ -50,7 +50,7 @@ function R({
                   color: o.text.secondary,
                   loading: r.__isDefault,
                   provider: (i = r == null ? void 0 : r.extra) == null ? void 0 : i.provider,
-                  walletOS: (t = r == null ? void 0 : r.extra) == null ? void 0 : t.walletOS
+                  walletOS: (d = r == null ? void 0 : r.extra) == null ? void 0 : d.walletOS
                 }
               ),
               f ? /* @__PURE__ */ l(g, { did: r.userDid, copyable: !1, size: 14, responsive: !1, compact: !0, sx: { lineHeight: 1 } }) : r.user.email && /* @__PURE__ */ l(
@@ -77,7 +77,7 @@ function R({
             ]
           }
         ),
-        c || n && /* @__PURE__ */ l(y, { size: "small", disableRipple: !0, children: /* @__PURE__ */ l(m, { icon: v, fontSize: 6, color: o.success.main }) })
+        c || n && /* @__PURE__ */ l(v, { size: "small", disableRipple: !0, children: /* @__PURE__ */ l(y, { icon: m, fontSize: 6, color: o.success.main }) })
       ]
     }
   );

package/lib/SharedBridge/index.js

@@ -5,13 +5,13 @@ import { withQuery as b } from "ufo";
 import { useReactive as x, useMemoizedFn as y } from "ahooks";
 import E from "lodash/noop";
 import { mergeSx as R } from "../Util/style.js";
-import { callIframe as i, getCallbackAction as c } from "../Util/iframe.js";
+import { callIframe as i, getCallbackAction as d } from "../Util/iframe.js";
 function B({
-  ref: d,
+  ref: c = void 0,
   src: o,
   onClick: s,
   onLoad: u = E,
-  sx: m,
+  sx: m = {},
   ...f
 }) {
   const r = w(null), n = `shared-bridge_${S()}`, t = x({
@@ -37,14 +37,14 @@ function B({
   A(() => {
     async function e(h) {
       const { data: a } = h;
-      if (a.action === c(n, "requestStorageAccess")) {
+      if (a.action === d(n, "requestStorageAccess")) {
         if (t.open = !1, !a.value) {
           s(a);
           return;
         }
         const { value: p } = await i(r.current, "getVisitorId");
         s({ ...a, visitorId: p });
-      } else a.action === c(n, "preRequestStorageAccess") && (t.open = !0);
+      } else a.action === d(n, "preRequestStorageAccess") && (t.open = !0);
     }
     return window.addEventListener("message", e), () => {
       window.removeEventListener("message", e);
@@ -57,7 +57,7 @@ function B({
       t.hasInited === void 0 && (t.hasInited = !1);
     }, 1e3), u();
   });
-  return L(d, () => ({
+  return L(c, () => ({
     callIframe(e) {
       return i(r.current, e);
     }

package/lib/Spinner/index.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { CircularProgress as t } from "@mui/material";
 import { withDeprecated as a } from "../Util/deprecate.js";
-function n(r) {
+function n({ ...r }) {
   const e = { ...r };
   return e.size && Array.isArray(r.size) && ([e.size] = r.size), /* @__PURE__ */ i(t, { ...e });
 }

package/lib/SplitButton/index.d.ts

@@ -6,7 +6,7 @@ export interface SplitButtonProps extends Omit<ButtonGroupProps, 'children'> {
     onClick?: () => void;
     menuButtonProps?: ButtonProps;
 }
-declare function SplitButton(props: SplitButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function SplitButton({ ...props }: SplitButtonProps): import("react/jsx-runtime").JSX.Element;
 declare namespace SplitButton {
     var Item: import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>;
 }

package/lib/SplitButton/index.js

@@ -4,7 +4,7 @@ import { ExpandMore as L } from "@mui/icons-material";
 import { ButtonGroup as S, Popper as w, MenuItem as p, Button as c, Paper as z, ClickAwayListener as j, MenuList as G } from "@mui/material";
 import R from "lodash/noop";
 import { styled as d } from "../Theme/index.js";
-function v(o) {
+function v({ ...o }) {
   const {
     size: m = "medium",
     color: r = "primary",

package/lib/Success/index.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import { useTheme as p, Box as e } from "@mui/material";
-function x({ size: s = 64, backgroundColor: r, borderWidth: t = 4 }) {
+function x({ size: s = 64, backgroundColor: r = void 0, borderWidth: t = 4 }) {
   const { palette: c } = p(), o = s - t * 2, a = r || c.background.default;
   return /* @__PURE__ */ l(
     e,

package/lib/Tabs/index.js

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import { Tabs as u, Tab as c } from "@mui/material";
 import { styled as p } from "../Theme/index.js";
-const b = "index", s = {
-  tabs: `${b}-tabs`,
-  tab: `${b}-tab`
+const d = "index", s = {
+  tabs: `${d}-tabs`,
+  tab: `${d}-tab`
 }, m = p(u)(({ theme: e }) => ({
   [`& .${s.tabs}`]: {},
   [`& .${s.tab}`]: {
@@ -13,7 +13,7 @@ const b = "index", s = {
     }
   }
 }));
-function f({ tabs: e, current: t, onChange: r, iconPosition: n, ...o }) {
+function v({ tabs: e, current: t, onChange: r, iconPosition: n = void 0, ...o }) {
   return /* @__PURE__ */ l(
     u,
     {
@@ -77,7 +77,7 @@ function f({ tabs: e, current: t, onChange: r, iconPosition: n, ...o }) {
     }
   );
 }
-function v({ tabs: e, current: t, onChange: r, iconPosition: n, ...o }) {
+function f({ tabs: e, current: t, onChange: r, iconPosition: n = void 0, ...o }) {
   return /* @__PURE__ */ l(
     u,
     {
@@ -146,14 +146,21 @@ function v({ tabs: e, current: t, onChange: r, iconPosition: n, ...o }) {
     }
   );
 }
-function T({ tabs: e, current: t, onChange: r, variant: n, iconPosition: o, ...a }) {
-  return n === "card" ? /* @__PURE__ */ l(f, { ...a, tabs: e, current: t, onChange: r, iconPosition: o }) : n === "line" ? /* @__PURE__ */ l(v, { ...a, tabs: e, current: t, onChange: r, iconPosition: o }) : /* @__PURE__ */ l(
+function T({
+  tabs: e,
+  current: t,
+  onChange: r,
+  variant: n = void 0,
+  iconPosition: o = void 0,
+  ...a
+}) {
+  return n === "card" ? /* @__PURE__ */ l(v, { ...a, tabs: e, current: t, onChange: r, iconPosition: o }) : n === "line" ? /* @__PURE__ */ l(f, { ...a, tabs: e, current: t, onChange: r, iconPosition: o }) : /* @__PURE__ */ l(
     m,
     {
       scrollButtons: "auto",
       variant: "scrollable",
       value: t,
-      onChange: (i, d) => r(d),
+      onChange: (i, b) => r(b),
       indicatorColor: "primary",
       ...a,
       className: [s.tabs, a.className || ""].join(" "),

package/lib/Tag/index.d.ts

@@ -25,7 +25,7 @@ export type TagProps = TypographyProps & TagOwnProps;
  * @param {TagProps} props
  * @return {import('react').ReactNode}
  */
-declare function Tag(rawProps: any): import('react').ReactNode;
+declare function Tag({ ...rawProps }: TagProps): import('react').ReactNode;
 declare namespace Tag {
     namespace propTypes {
         let children: PropTypes.Validator<any>;

package/lib/Tag/index.js

@@ -27,7 +27,7 @@ const i = {
     backgroundColor: "#222"
   }
 };
-function a(m) {
+function a({ ...m }) {
   const o = Object.assign({}, m);
   n(o.type) && (o.type = "primary"), n(o.content) && (o.content = ""), n(o.style) && (o.style = {}), n(o.className) && (o.className = "");
   const p = x(o, a, ["style"]), { type: t, content: l, children: y, style: f, className: g, ...d } = p, { palette: s } = b(), c = Object.assign({}, i[t] || i.primary, f);

package/lib/TextCollapse/index.js

@@ -8,7 +8,7 @@ function g({
   startChars: n = 5,
   endChars: e = 5,
   scaleFactor: o = 0.45,
-  style: a,
+  style: a = void 0,
   fontType: l = "normal",
   ...p
 }) {

package/lib/Theme/theme-provider.js

@@ -1,34 +1,34 @@
 import { jsx as i, jsxs as R } from "react/jsx-runtime";
 import { createContext as _, use as B, useState as L, useRef as j, useMemo as h, useCallback as C, useEffect as k } from "react";
-import { useTheme as $, StyledEngineProvider as D, ThemeProvider as K, CssBaseline as U, GlobalStyles as V } from "@mui/material";
-import w from "lodash/set";
-import { BLOCKLET_THEME_PREFER_KEY as d, isValidThemeMode as W, getDefaultThemePrefer as x } from "@blocklet/theme";
+import { useTheme as y, StyledEngineProvider as D, ThemeProvider as K, CssBaseline as U, GlobalStyles as V } from "@mui/material";
+import v from "lodash/set";
+import { BLOCKLET_THEME_PREFER_KEY as b, isValidThemeMode as W, getDefaultThemePrefer as w } from "@blocklet/theme";
 import { useLocationState as q } from "../hooks/use-location-state.js";
 import { createTheme as g, lazyCreateDefaultTheme as z, isUxTheme as A, isTheme as F } from "./theme.js";
-const G = g(), v = _({});
+const G = g(), $ = _({});
 function H() {
-  return B(v);
+  return B($);
 }
-const y = (c) => c ? c === "system" ? x({ theme: { prefer: "system" } }) : c : x();
-function I({ className: c }) {
-  const e = $();
+const x = (l) => l ? l === "system" ? w({ theme: { prefer: "system" } }) : l : w();
+function I({ className: l = void 0 }) {
+  const e = y();
   if (e.palette.mode === "dark") {
-    const s = "transparent", l = e.palette.grey[300], r = (c || "").trim().split(/\s+/).filter(Boolean).map((n) => n.startsWith(".") ? n : `.${n}`).join(" "), o = r ? `${r}::-webkit-scrollbar, ${r} *::-webkit-scrollbar` : "*::-webkit-scrollbar", a = r ? `${r}::-webkit-scrollbar-track, ${r} *::-webkit-scrollbar-track` : "*::-webkit-scrollbar-track", u = r ? `${r}::-webkit-scrollbar-thumb, ${r} *::-webkit-scrollbar-thumb` : "*::-webkit-scrollbar-thumb", b = r ? `${r}, ${r} *` : "*";
+    const s = "transparent", n = e.palette.grey[300], o = (l || "").trim().split(/\s+/).filter(Boolean).map((c) => c.startsWith(".") ? c : `.${c}`).join(" "), r = o ? `${o}::-webkit-scrollbar, ${o} *::-webkit-scrollbar` : "*::-webkit-scrollbar", a = o ? `${o}::-webkit-scrollbar-track, ${o} *::-webkit-scrollbar-track` : "*::-webkit-scrollbar-track", m = o ? `${o}::-webkit-scrollbar-thumb, ${o} *::-webkit-scrollbar-thumb` : "*::-webkit-scrollbar-thumb", d = o ? `${o}, ${o} *` : "*";
     return /* @__PURE__ */ i(
       V,
       {
         styles: {
           // Chrome, Safari, Edge
           "@supports selector(::-webkit-scrollbar)": {
-            [o]: {
+            [r]: {
               width: "12px",
               height: "12px"
             },
             [a]: {
               background: s
             },
-            [u]: {
-              background: l,
+            [m]: {
+              background: n,
               borderRadius: "6px",
               border: "2px solid",
               borderColor: s,
@@ -41,9 +41,9 @@ function I({ className: c }) {
           },
           // Firefox
           "@supports not selector(::-webkit-scrollbar)": {
-            [b]: {
+            [d]: {
               scrollbarWidth: "auto",
-              scrollbarColor: `${l} ${s}`
+              scrollbarColor: `${n} ${s}`
             }
           }
         }
@@ -53,77 +53,82 @@ function I({ className: c }) {
   return null;
 }
 function E({
-  children: c,
+  children: l = null,
   theme: e = G,
   injectFirst: s = !0,
-  darkSchemeClass: l = ""
+  darkSchemeClass: n = ""
 }) {
-  const r = h(() => typeof e == "function" || F(e) ? e : g(e), [e]);
+  const o = h(() => typeof e == "function" || F(e) ? e : g(e), [e]);
   return (
     // injectFirst 会影响 makeStyles 自定义样式和 mui styles 覆盖问题
-    /* @__PURE__ */ i(D, { injectFirst: s, children: /* @__PURE__ */ R(K, { theme: r, children: [
+    /* @__PURE__ */ i(D, { injectFirst: s, children: /* @__PURE__ */ R(K, { theme: o, children: [
       /* @__PURE__ */ i(U, {}),
-      /* @__PURE__ */ i(I, { className: l }),
-      c
+      /* @__PURE__ */ i(I, { className: n }),
+      l
     ] }) })
   );
 }
 function N({
-  children: c,
-  theme: e,
-  prefer: s,
-  disableBlockletTheme: l = !1,
-  ...r
+  children: l = null,
+  theme: e = void 0,
+  prefer: s = void 0,
+  disableBlockletTheme: n = !1,
+  ...o
 }) {
-  const [o, a] = L(() => y(s)), u = $(), b = q(), n = j(null), p = h(() => {
+  const [r, a] = L(() => x(s)), m = y(), d = q(), c = j(null), p = h(() => {
     let t = {};
-    const m = z(o);
+    const u = z(r);
     if (e)
       if (typeof e == "function") {
-        const M = m();
-        A(u) ? t = { ...e(u, { mode: o }) } : t = { ...e(M, { mode: o }) };
+        const M = u();
+        A(m) ? t = { ...e(m, { mode: r }) } : t = { ...e(M, { mode: r }) };
       } else
         t = { ...e };
-    return w(t, "palette.mode", o), w(t, "mode", o), t;
-  }, [o, e, u]), f = h(() => g({ ...p, disableBlockletTheme: l }), [p, l]), T = C(() => {
-    const t = o === "light" ? "dark" : "light";
-    a(t), sessionStorage.removeItem(d), localStorage.setItem(d, t);
-  }, [o, a]), S = C(
+    return v(t, "palette.mode", r), v(t, "mode", r), t;
+  }, [r, e, m]), f = h(() => g({ ...p, disableBlockletTheme: n }), [p, n]), T = C(() => {
+    const t = r === "light" ? "dark" : "light";
+    a(t), sessionStorage.removeItem(b), localStorage.setItem(b, t);
+  }, [r, a]), S = C(
     (t) => {
-      o !== t && (a(t), sessionStorage.removeItem(d), localStorage.setItem(d, t));
+      r !== t && (a(t), sessionStorage.removeItem(b), localStorage.setItem(b, t));
     },
-    [o, a]
+    [r, a]
   ), P = h(
     () => ({
-      mode: o,
+      mode: r,
       toggleMode: T,
       changeMode: S,
       prefer: s
     }),
-    [o, s, T, S]
+    [r, s, T, S]
   );
   return k(() => {
-    a(y(s));
-  }, [s, a, b.search]), k(() => {
-    const t = new URLSearchParams(b.search).get("theme");
-    W(t) && sessionStorage.setItem(d, t);
-  }, [b.search]), k(() => {
-    n.current || (n.current = document.querySelector('meta[name="theme-color"]'));
+    a(x(s));
+  }, [s, a, d.search]), k(() => {
+    const t = new URLSearchParams(d.search).get("theme");
+    W(t) && sessionStorage.setItem(b, t);
+  }, [d.search]), k(() => {
+    c.current || (c.current = document.querySelector('meta[name="theme-color"]'));
     const t = f.palette.background.default;
-    if (n.current)
-      n.current.setAttribute("content", t);
+    if (c.current)
+      c.current.setAttribute("content", t);
     else {
-      const m = document.createElement("meta");
-      m.name = "theme-color", m.content = t, document.head.appendChild(m), n.current = m;
+      const u = document.createElement("meta");
+      u.name = "theme-color", u.content = t, document.head.appendChild(u), c.current = u;
     }
-  }, [f.palette.background.default]), /* @__PURE__ */ i(v, { value: P, children: /* @__PURE__ */ i(E, { theme: f, ...r, children: c }) });
+  }, [f.palette.background.default]), /* @__PURE__ */ i($, { value: P, children: /* @__PURE__ */ i(E, { theme: f, ...o, children: l }) });
 }
-function te({ children: c, prefer: e, enableColorScheme: s = !1, ...l }) {
-  const { toggleMode: r } = H();
-  return s || e || !r ? /* @__PURE__ */ i(N, { prefer: e, ...l, children: c }) : /* @__PURE__ */ i(E, { ...l, children: c });
+function te({
+  children: l = null,
+  prefer: e = void 0,
+  enableColorScheme: s = !1,
+  ...n
+}) {
+  const { toggleMode: o } = H();
+  return s || e || !o ? /* @__PURE__ */ i(N, { prefer: e, ...n, children: l }) : /* @__PURE__ */ i(E, { ...n, children: l });
 }
 export {
-  v as ColorSchemeContext,
+  $ as ColorSchemeContext,
   te as default,
   H as useColorScheme
 };

package/lib/Theme/theme.js

@@ -60,6 +60,7 @@ const p = ({ palette: e, components: t, overrides: o, ...r }) => ({
   },
   ...r
 }), L = {
+  // @ts-expect-error
   themeName: "ArcBlock",
   pageWidth: "md",
   disableBlockletTheme: !1,

package/lib/Typography/index.js

@@ -1,7 +1,7 @@
 import { jsxs as g, jsx as a } from "react/jsx-runtime";
-import { Box as x, Typography as d, Skeleton as y } from "@mui/material";
-import { useReactive as C, useSize as c, useCreation as b } from "ahooks";
-import v from "lodash/noop";
+import { Box as x, Typography as u, Skeleton as y } from "@mui/material";
+import { useReactive as v, useSize as c, useCreation as C } from "ahooks";
+import b from "lodash/noop";
 import { useRef as m, useEffect as w } from "react";
 let p = -1;
 function T() {
@@ -18,27 +18,27 @@ function M({
   children: t = null,
   minFontSize: f = 12,
   /* 设置为 auto 时字体会自动收缩，直到达到浏览器最小字体限制 */
-  fontSize: n,
+  fontSize: n = void 0,
   sx: s,
-  onShrink: i = v,
+  onShrink: i = b,
   ...r
 }) {
-  const u = m(null), z = m(null), e = C({
+  const d = m(null), z = m(null), e = v({
     // @ts-expect-error
     fontSize: n,
     loading: !0
-  }), o = c(u.current), l = c(z.current);
+  }), o = c(d.current), l = c(z.current);
   return w(() => {
     if (e.loading)
       if (n === "auto") {
         if (o && !e.initialSize) {
-          const S = getComputedStyle(u.current).fontSize;
+          const S = getComputedStyle(d.current).fontSize;
           e.initialSize = Number(S.replace("px", "")), e.fontSize = e.initialSize;
         }
         p < 0 && (p = T()), e.fontSize <= p ? (e.loading = !1, i == null || i({ fontSize: e.fontSize, initialSize: e.initialSize })) : l && o && (l.width < o.width && e.fontSize > f ? e.fontSize-- : (e.loading = !1, i == null || i({ fontSize: e.fontSize, initialSize: e.initialSize })));
       } else
         e.loading = !1;
-  }, [n, o == null ? void 0 : o.width, l == null ? void 0 : l.width]), b(() => n === "auto" ? e.loading : !1, [n, e.loading]) ? /* @__PURE__ */ g(
+  }, [n, o == null ? void 0 : o.width, l == null ? void 0 : l.width]), C(() => n === "auto" ? e.loading : !1, [n, e.loading]) ? /* @__PURE__ */ g(
     x,
     {
       ref: z,
@@ -46,11 +46,11 @@ function M({
         flex: 1
       },
       children: [
-        /* @__PURE__ */ a(d, { ...r, sx: s, noWrap: !0, children: /* @__PURE__ */ a(y, { variant: "text", sx: { fontSize: "1rem" } }) }),
+        /* @__PURE__ */ a(u, { ...r, sx: s, noWrap: !0, children: /* @__PURE__ */ a(y, { variant: "text", sx: { fontSize: "1rem" } }) }),
         /* @__PURE__ */ a(
-          d,
+          u,
           {
-            ref: u,
+            ref: d,
             ...r,
             sx: {
               ...s,
@@ -66,7 +66,7 @@ function M({
       ]
     }
   ) : /* @__PURE__ */ a(
-    d,
+    u,
     {
       ...r,
       sx: {

package/lib/UserCard/Cards/basic-info.d.ts

@@ -5,5 +5,5 @@ interface BasicCardProps extends Omit<UserCardProps, 'user'> {
     shouldShowHoverCard: boolean;
     renderCardContent?: () => React.ReactNode | null;
 }
-declare function BasicCard(props: BasicCardProps): import("react/jsx-runtime").JSX.Element;
+declare function BasicCard({ ...props }: BasicCardProps): import("react/jsx-runtime").JSX.Element;
 export default BasicCard;

package/lib/UserCard/Cards/basic-info.js

@@ -3,7 +3,7 @@ import { Box as r } from "@mui/material";
 import { InfoType as t } from "../types.js";
 import f from "../Content/minimal.js";
 import c from "../Content/basic.js";
-function y(n) {
+function y({ ...n }) {
   const {
     user: i,
     avatarSize: s = 40,